Couleur nommée la plus proche · #CA9888
#CA9888
Couleur nommée la plus proche: Café Crème
#CA9888 (rgb(202 152 136), hsl(15 38% 66%), oklch(0.723 0.065 38.5)) est la plus proche de la couleur nommée Café Crème. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CA9888
oklch(0.723 0.065 38.5)
Conversions de couleur
- HEX
- #ca9888
- RGB
- rgb(202 152 136)
- HSL
- hsl(15 38% 66%)
- HWB
- hwb(15 53% 21%)
- OKLCH
- oklch(0.723 0.065 38.5)
- OKLab
- oklab(0.723 0.051 0.04)
- CIE Lab
- lab(67.38 17.69 16.12)
- LCH
- lch(67.38 23.93 42.3)
- CMYK
- cmyk(0% 25% 33% 21%)
Teintes · Ombres · Tons
Teintes
- D0A293
- D5AC9F
- DBB6AB
- E0C1B6
- E5CBC2
- EBD5CE
- F0DFDA
- F5EAE6
- FAF4F3
Ombres
- AF8475
- 957063
- 7C5C52
- 644A41
- 4D3831
- 372722
- 221713
- 0F0806
- 020101
Tons
- C39687
- BB9387
- B49186
- AC8F85
- A58C84
- 9E8A84
- 968783
- 8F8582
- 878381
Harmonies de couleurs
Complémentaire +180°
- CA9888
Café Crème
- 76B0C1
≈ Glacier
Analogue -30° +30°
- CA9888
Café Crème
- CA959D
≈ Twice Shy
- C19E7A
≈ Tan Plan
Triadique +120° +240°
- CA9888
Café Crème
- 83B296
≈ King Theo
- 9CA2CE
≈ Fields of Heather
Complémentaire divisée +150° +210°
- CA9888
Café Crème
- 75B3AD
≈ Aurora Teal
- 86A9CD
≈ Polo Blue
Tétradique +90° +180° +270°
- CA9888
Café Crème
- 99AE82
≈ Fair Green
- 76B0C1
≈ Glacier
- B19BC5
≈ Atlantic Tulip
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.51:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.35:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--cafe-creme: #ca9888;
--cafe-creme-rgb: 202 152 136;
--cafe-creme-oklch: oklch(0.723 0.065 38.5);
}
.element {
color: var(--cafe-creme);
background-color: hsl(15 38% 66%);
border-color: oklch(0.723 0.065 38.5);
}Tailwind CSS v4
@theme {
--color-cafe-creme: #ca9888;
--color-cafe-creme-50: #fff0e7;
--color-cafe-creme-100: #fce1d8;
--color-cafe-creme-200: #eeccc0;
--color-cafe-creme-300: #d5ad9f;
--color-cafe-creme-400: #c19283;
--color-cafe-creme-500: #ac7767;
--color-cafe-creme-600: #916557;
--color-cafe-creme-700: #755145;
--color-cafe-creme-800: #563a33;
--color-cafe-creme-900: #3c2822;
--color-cafe-creme-950: #261612;
}SCSS
$cafe-creme: #ca9888;
$cafe-creme-rgb: 202, 152, 136;
$cafe-creme-light: mix(#fff, $cafe-creme, 20%);
$cafe-creme-dark: mix(#000, $cafe-creme, 20%);
.element {
color: $cafe-creme;
box-shadow: 0 0 0 2px rgba($cafe-creme, 0.35);
}