Dichtstbijzijnde benoemde kleur · #C55145
#C55145
Dichtstbijzijnde benoemde kleur: Cedar Chest
#C55145 (rgb(197 81 69), hsl(6 52% 52%), oklch(0.584 0.151 28.5)) komt het dichtst bij de benoemde kleur Cedar Chest. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C55145
oklch(0.584 0.151 28.5)
Kleurconversies
- HEX
- #c55145
- RGB
- rgb(197 81 69)
- HSL
- hsl(6 52% 52%)
- HWB
- hwb(6 27% 23%)
- OKLCH
- oklch(0.584 0.151 28.5)
- OKLab
- oklab(0.584 0.133 0.072)
- CIE Lab
- lab(50.31 46.71 31.67)
- LCH
- lch(50.31 56.43 34.1)
- CMYK
- cmyk(0% 59% 65% 23%)
Tinten · Schaduwen · Tonen
Tinten
- CD6457
- D47669
- DB877B
- E2988E
- E8A9A0
- EDBAB2
- F3CBC5
- F7DDD8
- FBEEEC
Schaduwen
- AB453B
- 923A31
- 792F27
- 61241E
- 4B1A15
- 35100C
- 210705
- 0E0202
- 020000
Tonen
- BF584C
- B95D52
- B36358
- AD685E
- A66C64
- 9F716A
- 987570
- 917975
- 897D7B
Kleurharmonieën
Complementair +180°
- C55145
Cedar Chest
- 008B9B
≈ Atlantic Blue
Analoog -30° +30°
- C55145
Cedar Chest
- BF4E7A
≈ Fat Smooch
- B66300
≈ Umber
Triadisch +120° +240°
- C55145
Cedar Chest
- 249344
≈ Paperboy’s Lawn
- 5674D4
≈ Cornflower
Gesplitst complementair +150° +210°
- C55145
Cedar Chest
- 00907C
≈ Miami Jade
- 0084BF
≈ Ibiza Blue
Tetradisch +90° +180° +270°
- C55145
Cedar Chest
- 748600
≈ Swamp Green
- 008B9B
≈ Atlantic Blue
- 8864C8
≈ Lavish Spending
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.52:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.63:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--cedar-chest: #c55145;
--cedar-chest-rgb: 197 81 69;
--cedar-chest-oklch: oklch(0.584 0.151 28.5);
}
.element {
color: var(--cedar-chest);
background-color: hsl(6 52% 52%);
border-color: oklch(0.584 0.151 28.5);
}Tailwind CSS v4
@theme {
--color-cedar-chest: #c55145;
--color-cedar-chest-50: #ffe6dc;
--color-cedar-chest-100: #ffd6ca;
--color-cedar-chest-200: #ffbcae;
--color-cedar-chest-300: #fb9988;
--color-cedar-chest-400: #ea786a;
--color-cedar-chest-500: #d85649;
--color-cedar-chest-600: #b64a3e;
--color-cedar-chest-700: #933b32;
--color-cedar-chest-800: #6d2925;
--color-cedar-chest-900: #4d1c18;
--color-cedar-chest-950: #330b09;
}SCSS
$cedar-chest: #c55145;
$cedar-chest-rgb: 197, 81, 69;
$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);
}