Benoemde kleur · #D1908E
Tongue
Tongue is #D1908E: rgb(209 144 142), hsl(2 42% 69%), oklch(0.717 0.079 21.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Tongue color name →
#D1908E
oklch(0.717 0.079 21.2)
Kleurconversies
- HEX
- #d1908e
- RGB
- rgb(209 144 142)
- HSL
- hsl(2 42% 69%)
- HWB
- hwb(2 56% 18%)
- OKLCH
- oklch(0.717 0.079 21.2)
- OKLab
- oklab(0.717 0.074 0.029)
- CIE Lab
- lab(66.38 25.16 11.56)
- LCH
- lch(66.38 27.69 24.7)
- CMYK
- cmyk(0% 31% 32% 18%)
Tinten · Schaduwen · Tonen
Tinten
- D69B99
- DBA6A4
- E0B1AF
- E5BCBA
- EAC7C5
- EED2D1
- F3DDDC
- F7E8E8
- FBF4F3
Schaduwen
- B57D7B
- 9B6A68
- 815756
- 684544
- 503434
- 392424
- 231515
- 100707
- 020101
Tonen
- C98F8D
- C18D8B
- B98C8A
- B18A89
- A98987
- A18786
- 998584
- 918483
- 888281
Kleurharmonieën
Complementair +180°
- D1908E
Tongue
- 62B3B8
≈ Aqueduct
Analoog -30° +30°
- D1908E
Tongue
- CB8FAA
≈ Bonny Belle
- CC9676
≈ Sweet Almond
Triadisch +120° +240°
- D1908E
Tongue
- 88B182
≈ Chatty Cricket
- 88A4D6
≈ Wisteria Blue
Gesplitst complementair +150° +210°
- D1908E
Tongue
- 6EB49D
≈ Tropic Turquoise
- 6EADCD
≈ Imrik Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.59:1 · APCA Lc 51
Ag
AAAOp zwart
WCAG 8.09:1 · APCA Lc 51
Beste tekstkleur: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Codefragmenten
CSS
:root {
--tongue: #d1908e;
--tongue-rgb: 209 144 142;
--tongue-oklch: oklch(0.717 0.079 21.2);
}
.element {
color: var(--tongue);
background-color: hsl(2 42% 69%);
border-color: oklch(0.717 0.079 21.2);
}Tailwind CSS v4
@theme {
--color-tongue: #d1908e;
--color-tongue-50: #ffedea;
--color-tongue-100: #ffdedb;
--color-tongue-200: #f5c8c4;
--color-tongue-300: #dda8a4;
--color-tongue-400: #c98c8a;
--color-tongue-500: #b5706f;
--color-tongue-600: #995f5e;
--color-tongue-700: #7b4c4b;
--color-tongue-800: #5b3737;
--color-tongue-900: #402626;
--color-tongue-950: #281414;
}SCSS
$tongue: #d1908e;
$tongue-rgb: 209, 144, 142;
$tongue-light: mix(#fff, $tongue, 20%);
$tongue-dark: mix(#000, $tongue, 20%);
.element {
color: $tongue;
box-shadow: 0 0 0 2px rgba($tongue, 0.35);
}