Benannte Farbe · #3D6C54
Toad King
Toad King ist #3D6C54: rgb(61 108 84), hsl(149 28% 33%), oklch(0.49 0.065 160.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Toad King color name →
#3D6C54
oklch(0.49 0.065 160.4)
Farbumrechnungen
- HEX
- #3d6c54
- RGB
- rgb(61 108 84)
- HSL
- hsl(149 28% 33%)
- HWB
- hwb(149 24% 58%)
- OKLCH
- oklch(0.49 0.065 160.4)
- OKLab
- oklab(0.49 -0.061 0.022)
- CIE Lab
- lab(41.73 -21.37 8.22)
- LCH
- lch(41.73 22.9 158.9)
- CMYK
- cmyk(44% 0% 22% 58%)
Tints · Shades · Tones
Tints
- 507A64
- 638874
- 759684
- 88A495
- 9BB3A6
- AFC2B7
- C2D1C8
- D6E0DA
- EBEFED
Shades
- 345D48
- 2B4E3C
- 224031
- 1A3226
- 12251B
- 0A1911
- 040D08
- 010402
- 000000
Tones
- 456E58
- 4C705D
- 537261
- 597465
- 60766A
- 67786E
- 6D7A73
- 737C77
- 7A7E7C
Farbharmonien
Komplementär +180°
- 3D6C54
Toad King
- 7A526C
≈ Berry Conserve
Analog -30° +30°
- 3D6C54
Toad King
- 546840
≈ Alfalfa Extract
- 2D6C69
≈ North Sea
Triadisch +120° +240°
- 3D6C54
Toad King
- 595C85
≈ Karmic Grape
- 805444
≈ Red Hook
Geteilt komplementär +150° +210°
- 3D6C54
Toad King
- 6C567C
≈ Charoite Violet
- 815158
≈ Fine Burgundy
Tetradisch +90° +180° +270°
- 3D6C54
Toad King
- 446384
≈ Blue Ashes
- 7A526C
≈ Berry Conserve
- 785A36
≈ Shingle Fawn
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.04:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.47:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--toad-king: #3d6c54;
--toad-king-rgb: 61 108 84;
--toad-king-oklch: oklch(0.49 0.065 160.4);
}
.element {
color: var(--toad-king);
background-color: hsl(149 28% 33%);
border-color: oklch(0.49 0.065 160.4);
}Tailwind CSS v4
@theme {
--color-toad-king: #3d6c54;
--color-toad-king-50: #e6fbf0;
--color-toad-king-100: #d6efe1;
--color-toad-king-200: #bcddcc;
--color-toad-king-300: #9ac2ae;
--color-toad-king-400: #7dab92;
--color-toad-king-500: #5e9478;
--color-toad-king-600: #507d65;
--color-toad-king-700: #406451;
--color-toad-king-800: #2e493a;
--color-toad-king-900: #1f3328;
--color-toad-king-950: #0f1f16;
}SCSS
$toad-king: #3d6c54;
$toad-king-rgb: 61, 108, 84;
$toad-king-light: mix(#fff, $toad-king, 20%);
$toad-king-dark: mix(#000, $toad-king, 20%);
.element {
color: $toad-king;
box-shadow: 0 0 0 2px rgba($toad-king, 0.35);
}