Najbliższy nazwany kolor · #CE9A8F
#CE9A8F
Najbliższy nazwany kolor: Indian Mesa
#CE9A8F (rgb(206 154 143), hsl(10 39% 68%), oklch(0.732 0.065 32.2)) jest najbliższy nazwanemu kolorowi Indian Mesa. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE9A8F
oklch(0.732 0.065 32.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3A49A
- D8AEA5
- DEB8B0
- E3C2BB
- E8CCC6
- ECD6D1
- F1E0DC
- F6EAE8
- FAF5F3
Odcienie ciemniejsze
- B3857C
- 987169
- 7F5E57
- 664B45
- 4E3934
- 382724
- 231715
- 0F0907
- 020101
Tony
- C6978E
- BE958C
- B7928B
- AF9089
- A78D88
- 9F8B86
- 988885
- 908583
- 888382
Harmonie kolorów
Komplementarna +180°
- CE9A8F
Indian Mesa
- 77B4C0
≈ Culinary Blue
Analogowa -30° +30°
- CE9A8F
Indian Mesa
- CC98A5
≈ Cooing Doves
- C7A07F
≈ Meringue Tips
Triada +120° +240°
- CE9A8F
Indian Mesa
- 8AB595
≈ Green Bonnet
- 9AA7D2
≈ Bright Bluebell
Komplementarna rozszczepiona +150° +210°
- CE9A8F
Indian Mesa
- 79B6AC
≈ Intracoastal
- 85AECE
≈ Mini Bay
Tetrada +90° +180° +270°
- CE9A8F
Indian Mesa
- A1AF82
≈ Fresh Guacamole
- 77B4C0
≈ Culinary Blue
- B09FCB
≈ Purple Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.64:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}