En yakın adlandırılmış renk · #CE9A8F
#CE9A8F
En yakın adlandırılmış renk: Indian Mesa
#CE9A8F (rgb(206 154 143), hsl(10 39% 68%), oklch(0.732 0.065 32.2)) en çok Indian Mesa 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.
#CE9A8F
oklch(0.732 0.065 32.2)
Renk dönüşümleri
- HEX
- #ce9a8f
- RGB
- rgb(206 154 143)
- HSL
- hsl(10 39% 68%)
- HWB
- hwb(10 56% 19%)
- OKLCH
- oklch(0.732 0.065 32.2)
- OKLab
- oklab(0.732 0.055 0.035)
- CIE Lab
- lab(68.43 18.91 13.78)
- LCH
- lch(68.43 23.4 36.1)
- CMYK
- cmyk(0% 25% 31% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3A49A
- D8AEA5
- DEB8B0
- E3C2BB
- E8CCC6
- ECD6D1
- F1E0DC
- F6EAE8
- FAF5F3
Koyu tonlar
- B3857C
- 987169
- 7F5E57
- 664B45
- 4E3934
- 382724
- 231715
- 0F0907
- 020101
Gri tonlar
- C6978E
- BE958C
- B7928B
- AF9089
- A78D88
- 9F8B86
- 988885
- 908583
- 888382
Renk uyumları
Tamamlayıcı +180°
- CE9A8F
Indian Mesa
- 77B4C0
≈ Culinary Blue
Analog -30° +30°
- CE9A8F
Indian Mesa
- CC98A5
≈ Cooing Doves
- C7A07F
≈ Meringue Tips
Üçlü +120° +240°
- CE9A8F
Indian Mesa
- 8AB595
≈ Green Bonnet
- 9AA7D2
≈ Bright Bluebell
Bölünmüş tamamlayıcı +150° +210°
- CE9A8F
Indian Mesa
- 79B6AC
≈ Intracoastal
- 85AECE
≈ Mini Bay
Dörtlü +90° +180° +270°
- CE9A8F
Indian Mesa
- A1AF82
≈ Fresh Guacamole
- 77B4C0
≈ Culinary Blue
- B09FCB
≈ Purple Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.42:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.64:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-mesa: #ce9a8f;
--indian-mesa-rgb: 206 154 143;
--indian-mesa-oklch: oklch(0.732 0.065 32.2);
}
.element {
color: var(--indian-mesa);
background-color: hsl(10 39% 68%);
border-color: oklch(0.732 0.065 32.2);
}Tailwind CSS v4
@theme {
--color-indian-mesa: #ce9a8f;
--color-indian-mesa-50: #ffefe9;
--color-indian-mesa-100: #fde1da;
--color-indian-mesa-200: #efcbc2;
--color-indian-mesa-300: #d6aca2;
--color-indian-mesa-400: #c29186;
--color-indian-mesa-500: #ad766b;
--color-indian-mesa-600: #92645b;
--color-indian-mesa-700: #755048;
--color-indian-mesa-800: #573a35;
--color-indian-mesa-900: #3d2824;
--color-indian-mesa-950: #261613;
}SCSS
$indian-mesa: #ce9a8f;
$indian-mesa-rgb: 206, 154, 143;
$indian-mesa-light: mix(#fff, $indian-mesa, 20%);
$indian-mesa-dark: mix(#000, $indian-mesa, 20%);
.element {
color: $indian-mesa;
box-shadow: 0 0 0 2px rgba($indian-mesa, 0.35);
}