Najbliższy nazwany kolor · #D05642
#D05642
Najbliższy nazwany kolor: Cedar Chest
#D05642 (rgb(208 86 66), hsl(8 60% 54%), oklch(0.607 0.159 31.4)) jest najbliższy nazwanemu kolorowi Cedar Chest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D05642
oklch(0.607 0.159 31.4)
Konwersje koloru
- HEX
- #d05642
- RGB
- rgb(208 86 66)
- HSL
- hsl(8 60% 54%)
- HWB
- hwb(8 26% 18%)
- OKLCH
- oklch(0.607 0.159 31.4)
- OKLab
- oklab(0.607 0.136 0.083)
- CIE Lab
- lab(52.99 48.33 37.02)
- LCH
- lch(52.99 60.87 37.4)
- CMYK
- cmyk(0% 59% 68% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D76855
- DD7A68
- E38B7A
- E99C8D
- EEAC9F
- F2BDB2
- F6CDC5
- FADED8
- FDEEEC
Odcienie ciemniejsze
- B54A38
- 9A3E2F
- 803225
- 67271C
- 4F1C14
- 39120B
- 230805
- 100201
- 020000
Tony
- C95C4A
- C26251
- BB6757
- B36B5E
- AC6F64
- A4736A
- 9B776F
- 937A75
- 8A7D7B
Harmonie kolorów
Komplementarna +180°
- D05642
Cedar Chest
- 0093A6
≈ Brilliant
Analogowa -30° +30°
- D05642
Cedar Chest
- CB527C
≈ Middle Safflower
- BD6B00
≈ Indocile Tiger
Triada +120° +240°
- D05642
Cedar Chest
- 0C9C4E
≈ Get up and Go
- 6178E0
≈ Pan Purple
Komplementarna rozszczepiona +150° +210°
- D05642
Cedar Chest
- 009787
≈ Lights at Sea
- 008ACF
≈ Way Beyond the Blue
Tetrada +90° +180° +270°
- D05642
Cedar Chest
- 758F00
≈ Canopy
- 0093A6
≈ Brilliant
- 9467D1
≈ Amethyst
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.12:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.09:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--cedar-chest: #d05642;
--cedar-chest-rgb: 208 86 66;
--cedar-chest-oklch: oklch(0.607 0.159 31.4);
}
.element {
color: var(--cedar-chest);
background-color: hsl(8 60% 54%);
border-color: oklch(0.607 0.159 31.4);
}Tailwind CSS v4
@theme {
--color-cedar-chest: #d05642;
--color-cedar-chest-50: #ffe6d8;
--color-cedar-chest-100: #ffd5c6;
--color-cedar-chest-200: #ffbca8;
--color-cedar-chest-300: #fe9881;
--color-cedar-chest-400: #ed7661;
--color-cedar-chest-500: #db533d;
--color-cedar-chest-600: #b94735;
--color-cedar-chest-700: #95392a;
--color-cedar-chest-800: #6f281f;
--color-cedar-chest-900: #4e1b15;
--color-cedar-chest-950: #340a06;
}SCSS
$cedar-chest: #d05642;
$cedar-chest-rgb: 208, 86, 66;
$cedar-chest-light: mix(#fff, $cedar-chest, 20%);
$cedar-chest-dark: mix(#000, $cedar-chest, 20%);
.element {
color: $cedar-chest;
box-shadow: 0 0 0 2px rgba($cedar-chest, 0.35);
}