En yakın adlandırılmış renk · #CA9888
#CA9888
En yakın adlandırılmış renk: Café Crème
#CA9888 (rgb(202 152 136), hsl(15 38% 66%), oklch(0.723 0.065 38.5)) en çok Café Crème adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CA9888
oklch(0.723 0.065 38.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0A293
- D5AC9F
- DBB6AB
- E0C1B6
- E5CBC2
- EBD5CE
- F0DFDA
- F5EAE6
- FAF4F3
Koyu tonlar
- AF8475
- 957063
- 7C5C52
- 644A41
- 4D3831
- 372722
- 221713
- 0F0806
- 020101
Gri tonlar
- C39687
- BB9387
- B49186
- AC8F85
- A58C84
- 9E8A84
- 968783
- 8F8582
- 878381
Renk uyumları
Tamamlayıcı +180°
- CA9888
Café Crème
- 76B0C1
≈ Glacier
Analog -30° +30°
- CA9888
Café Crème
- CA959D
≈ Twice Shy
- C19E7A
≈ Tan Plan
Üçlü +120° +240°
- CA9888
Café Crème
- 83B296
≈ King Theo
- 9CA2CE
≈ Fields of Heather
Bölünmüş tamamlayıcı +150° +210°
- CA9888
Café Crème
- 75B3AD
≈ Aurora Teal
- 86A9CD
≈ Polo Blue
Dörtlü +90° +180° +270°
- CA9888
Café Crème
- 99AE82
≈ Fair Green
- 76B0C1
≈ Glacier
- B19BC5
≈ Atlantic Tulip
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.35:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
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);
}