Skip to content
RGB format page

RGB Color Codes

Explore RGB values with a live color picker, format-aware previews, conversion rows, and contrast guidance.

Custom picker

Fine-tune your color

Drag the field, adjust hue and alpha, or paste any supported format.

110°
100%

Tip: you can paste formats like #3f7f2f, rgb(63, 127, 47), hsl(110, 45%, 35%), or oklch(0.7, 0.1, 220).

Current RGB value
Parsed from input
rgb(0, 138, 138)
Foreground preview
WCAG contrast checker and foreground picker
Best auto foreground
Best contrast with dark
#0f172a
Auto-selects the strongest contrast against the current background.
Readable text preview
The quick brown fox jumps over the lazy dog.
Button preview
Contrast ratio
4.25
Passes only for large text
Element AA AAA
Small text Fail Fail
Large text Pass
UI elements / graphics Pass N/A
AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.
About RGB

RGB

Red, green, and blue channel values.

RGB is a practical format for screen-based color work. It is common in CSS, graphics, APIs, and design systems because it maps directly to display channels.

Best for CSS, UI work, and pixel-based systems.

Convert to other formats

Jump directly to the same color in another notation.

Color Conversion

Same color in multiple code formats.

Export formats

Ready-to-copy snippets for developers, apps, frameworks, and design systems.

#008A8A
CSS variable
Tokens
JSON token
Tokens
Tailwind config
Tokens
SCSS variable
Tokens
JavaScript
Frontend
TypeScript
Frontend
Inline style
Frontend
CSS class
Frontend
Android XML
Mobile
SwiftUI
Mobile
Swift UIColor
Mobile
Kotlin
Mobile
Flutter
Mobile
React Native
Mobile
SVG fill
Graphics
SVG stroke
Graphics

Color Variations

tint / shade
Tint
Lightened version
#47abab
Shade
Darkened version
#006969
Tone
Muted version
#1c8888
Monochrome
Single-hue family
#002e2e

Supported format references

Compare the supported formats and move between them without losing the same color context.