Benannte Farbe · #4F6348
Tom Thumb
Tom Thumb ist #4F6348: rgb(79 99 72), hsl(104 16% 34%), oklch(0.475 0.049 137.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Tom Thumb color name →
#4F6348
oklch(0.475 0.049 137.7)
Farbumrechnungen
- HEX
- #4f6348
- RGB
- rgb(79 99 72)
- HSL
- hsl(104 16% 34%)
- HWB
- hwb(104 28% 61%)
- OKLCH
- oklch(0.475 0.049 137.7)
- OKLab
- oklab(0.475 -0.036 0.033)
- CIE Lab
- lab(39.71 -12.14 12.82)
- LCH
- lch(39.71 17.65 133.4)
- CMYK
- cmyk(20% 0% 27% 61%)
Tints · Shades · Tones
Tints
- 5F7159
- 6F806A
- 808F7B
- 919E8D
- A3AE9F
- B5BEB2
- C7CEC5
- D9DED8
- ECEEEB
Shades
- 44553D
- 384733
- 2E3A29
- 232E1F
- 192116
- 10160D
- 070B06
- 020302
- 000000
Tones
- 54664E
- 596953
- 5E6C59
- 626F5E
- 677264
- 6C7469
- 71776F
- 767A75
- 7B7D7A
Farbharmonien
Komplementär +180°
- 4F6348
Tom Thumb
- 68546E
≈ Medicine Man
Analog -30° +30°
- 4F6348
Tom Thumb
- 5F5F3E
≈ Verdigris Foncé
- 406557
≈ Earhart Emerald
Triadisch +120° +240°
- 4F6348
Tom Thumb
- 4B5D78
≈ Stream
- 755152
≈ Sheringa Rose
Geteilt komplementär +150° +210°
- 4F6348
Tom Thumb
- 5A5877
≈ The Fang
- 715161
≈ Passionate
Tetradisch +90° +180° +270°
- 4F6348
Tom Thumb
- 3E6272
≈ Celeste Blue
- 68546E
≈ Medicine Man
- 745444
≈ Briar
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.54:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.21:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--tom-thumb: #4f6348;
--tom-thumb-rgb: 79 99 72;
--tom-thumb-oklch: oklch(0.475 0.049 137.7);
}
.element {
color: var(--tom-thumb);
background-color: hsl(104 16% 34%);
border-color: oklch(0.475 0.049 137.7);
}Tailwind CSS v4
@theme {
--color-tom-thumb: #4f6348;
--color-tom-thumb-50: #eef9ec;
--color-tom-thumb-100: #e0ecdd;
--color-tom-thumb-200: #cadac6;
--color-tom-thumb-300: #abbea6;
--color-tom-thumb-400: #91a68a;
--color-tom-thumb-500: #778e6f;
--color-tom-thumb-600: #65785e;
--color-tom-thumb-700: #50604b;
--color-tom-thumb-800: #3b4636;
--color-tom-thumb-900: #283124;
--color-tom-thumb-950: #161d13;
}SCSS
$tom-thumb: #4f6348;
$tom-thumb-rgb: 79, 99, 72;
$tom-thumb-light: mix(#fff, $tom-thumb, 20%);
$tom-thumb-dark: mix(#000, $tom-thumb, 20%);
.element {
color: $tom-thumb;
box-shadow: 0 0 0 2px rgba($tom-thumb, 0.35);
}