Benannte Farbe · #254A47
Dancing Crocodiles
Dancing Crocodiles ist #254A47: rgb(37 74 71), hsl(175 33% 22%), oklch(0.381 0.043 188.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Dancing Crocodiles color name →
#254A47
oklch(0.381 0.043 188.7)
Farbumrechnungen
- HEX
- #254a47
- RGB
- rgb(37 74 71)
- HSL
- hsl(175 33% 22%)
- HWB
- hwb(175 15% 71%)
- OKLCH
- oklch(0.381 0.043 188.7)
- OKLab
- oklab(0.381 -0.042 -0.007)
- CIE Lab
- lab(28.65 -14.52 -2.56)
- LCH
- lch(28.65 14.75 190)
- CMYK
- cmyk(50% 0% 4% 71%)
Tints · Shades · Tones
Tints
- 3A5A57
- 4E6B68
- 637C7A
- 788E8C
- 8DA09E
- A3B2B1
- B9C5C4
- D0D8D7
- E7EBEB
Shades
- 1F3F3D
- 193532
- 132A28
- 0D201F
- 081716
- 040E0D
- 020606
- 000202
- 000000
Tones
- 2F4F4C
- 385552
- 415A57
- 4A5F5D
- 536563
- 5C6A69
- 656F6E
- 6E7574
- 777A7A
Farbharmonien
Komplementär +180°
- 254A47
Dancing Crocodiles
- 57393E
≈ Sassafras
Analog -30° +30°
- 254A47
Dancing Crocodiles
- 2E4A3A
≈ Norfolk Green
- 264852
≈ Mallard
Triadisch +120° +240°
- 254A47
Dancing Crocodiles
- 493C54
≈ Purple Velvet
- 523E29
≈ Fresh Roe
Geteilt komplementär +150° +210°
- 254A47
Dancing Crocodiles
- 523A4A
≈ Noble Hatter’s Violet
- 573B32
≈ Bright Brown
Tetradisch +90° +180° +270°
- 254A47
Dancing Crocodiles
- 3D4059
≈ Victory Blue
- 57393E
≈ Sassafras
- 484328
≈ Tin Bitz
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.77:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.77:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--dancing-crocodiles: #254a47;
--dancing-crocodiles-rgb: 37 74 71;
--dancing-crocodiles-oklch: oklch(0.381 0.043 188.7);
}
.element {
color: var(--dancing-crocodiles);
background-color: hsl(175 33% 22%);
border-color: oklch(0.381 0.043 188.7);
}Tailwind CSS v4
@theme {
--color-dancing-crocodiles: #254a47;
--color-dancing-crocodiles-50: #e8f9f8;
--color-dancing-crocodiles-100: #d9edeb;
--color-dancing-crocodiles-200: #c0dad8;
--color-dancing-crocodiles-300: #9fbfbc;
--color-dancing-crocodiles-400: #82a7a3;
--color-dancing-crocodiles-500: #65908c;
--color-dancing-crocodiles-600: #567a76;
--color-dancing-crocodiles-700: #44615f;
--color-dancing-crocodiles-800: #314745;
--color-dancing-crocodiles-900: #21312f;
--color-dancing-crocodiles-950: #111d1c;
}SCSS
$dancing-crocodiles: #254a47;
$dancing-crocodiles-rgb: 37, 74, 71;
$dancing-crocodiles-light: mix(#fff, $dancing-crocodiles, 20%);
$dancing-crocodiles-dark: mix(#000, $dancing-crocodiles, 20%);
.element {
color: $dancing-crocodiles;
box-shadow: 0 0 0 2px rgba($dancing-crocodiles, 0.35);
}