Couleur nommée la plus proche · #C9CC8F
#C9CC8F
Couleur nommée la plus proche: Sunken Treasure
#C9CC8F (rgb(201 204 143), hsl(63 37% 68%), oklch(0.828 0.08 110.4)) est la plus proche de la couleur nommée Sunken Treasure. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C9CC8F
oklch(0.828 0.08 110.4)
Conversions de couleur
- HEX
- #c9cc8f
- RGB
- rgb(201 204 143)
- HSL
- hsl(63 37% 68%)
- HWB
- hwb(63 56% 20%)
- OKLCH
- oklch(0.828 0.08 110.4)
- OKLab
- oklab(0.828 -0.028 0.075)
- CIE Lab
- lab(80.71 -8.17 30.14)
- LCH
- lch(80.71 31.23 105.2)
- CMYK
- cmyk(1% 0% 30% 20%)
Teintes · Ombres · Tons
Teintes
- CED19A
- D3D6A6
- D9DBB1
- DEE0BC
- E3E6C7
- E9EBD2
- EEF0DE
- F4F5E9
- F9FAF4
Ombres
- AEB17C
- 959769
- 7C7E57
- 646545
- 4C4E34
- 363724
- 222215
- 0F0F07
- 020201
Tons
- C1C48E
- BABC8D
- B2B58C
- ABAD8A
- A4A589
- 9C9E87
- 959686
- 8E8F84
- 878782
Harmonies de couleurs
Complémentaire +180°
- C9CC8F
Sunken Treasure
- C6BEF8
≈ Connecticut Lilac
Analogue -30° +30°
- C9CC8F
Sunken Treasure
- E2C28B
≈ Lira
- ABD4A3
≈ Pistachio Green
Triadique +120° +240°
- C9CC8F
Sunken Treasure
- 90D1F1
≈ Slightly Spritzig
- F0B2CE
≈ Fulgrim Pink
Complémentaire divisée +150° +210°
- C9CC8F
Sunken Treasure
- A9C8FC
≈ Night Snow
- DFB6E7
≈ Pretty Petunia
Tétradique +90° +180° +270°
- C9CC8F
Sunken Treasure
- 85D7DC
≈ Vibrant Soft Blue
- C6BEF8
≈ Connecticut Lilac
- F7B2B1
≈ Precious Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.67:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.51:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--sunken-treasure: #c9cc8f;
--sunken-treasure-rgb: 201 204 143;
--sunken-treasure-oklch: oklch(0.828 0.08 110.4);
}
.element {
color: var(--sunken-treasure);
background-color: hsl(63 37% 68%);
border-color: oklch(0.828 0.08 110.4);
}Tailwind CSS v4
@theme {
--color-sunken-treasure: #c9cc8f;
--color-sunken-treasure-50: #f5f8de;
--color-sunken-treasure-100: #e8ebcd;
--color-sunken-treasure-200: #d4d8b1;
--color-sunken-treasure-300: #b8bc8d;
--color-sunken-treasure-400: #a1a36b;
--color-sunken-treasure-500: #898b49;
--color-sunken-treasure-600: #74763f;
--color-sunken-treasure-700: #5d5e32;
--color-sunken-treasure-800: #454522;
--color-sunken-treasure-900: #302f17;
--color-sunken-treasure-950: #1c1c08;
}SCSS
$sunken-treasure: #c9cc8f;
$sunken-treasure-rgb: 201, 204, 143;
$sunken-treasure-light: mix(#fff, $sunken-treasure, 20%);
$sunken-treasure-dark: mix(#000, $sunken-treasure, 20%);
.element {
color: $sunken-treasure;
box-shadow: 0 0 0 2px rgba($sunken-treasure, 0.35);
}