Najbliższy nazwany kolor · #CE9B91
#CE9B91
Najbliższy nazwany kolor: Savoury Salmon
#CE9B91 (rgb(206 155 145), hsl(10 38% 69%), oklch(0.735 0.063 31.2)) jest najbliższy nazwanemu kolorowi Savoury Salmon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE9B91
oklch(0.735 0.063 31.2)
Konwersje koloru
- HEX
- #ce9b91
- RGB
- rgb(206 155 145)
- HSL
- hsl(10 38% 69%)
- HWB
- hwb(10 57% 19%)
- OKLCH
- oklch(0.735 0.063 31.2)
- OKLab
- oklab(0.735 0.054 0.033)
- CIE Lab
- lab(68.71 18.59 13.06)
- LCH
- lch(68.71 22.72 35.1)
- CMYK
- cmyk(0% 25% 30% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3A59C
- D8AFA6
- DEB8B1
- E3C2BC
- E7CCC7
- ECD6D2
- F1E0DD
- F6EBE8
- FAF5F4
Odcienie ciemniejsze
- B3867D
- 98726A
- 7F5E58
- 664B46
- 4E3935
- 382825
- 231815
- 0F0907
- 020101
Tony
- C6988F
- BE968E
- B7938C
- AF908A
- A78E89
- 9F8B87
- 978885
- 908684
- 888382
Harmonie kolorów
Komplementarna +180°
- CE9B91
Savoury Salmon
- 79B4C0
≈ Culinary Blue
Analogowa -30° +30°
- CE9B91
Savoury Salmon
- CC99A7
≈ Honey Pink
- C7A181
≈ Rodeo Dust
Triada +120° +240°
- CE9B91
Savoury Salmon
- 8CB595
≈ Green Bonnet
- 9AA8D2
≈ Bright Bluebell
Komplementarna rozszczepiona +150° +210°
- CE9B91
Savoury Salmon
- 7CB7AC
≈ Mint Bonbon Green
- 86AFCE
≈ Mini Bay
Tetrada +90° +180° +270°
- CE9B91
Savoury Salmon
- A3B083
≈ Fresh Guacamole
- 79B4C0
≈ Culinary Blue
- B0A0CB
≈ Purple Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.72:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--savoury-salmon: #ce9b91;
--savoury-salmon-rgb: 206 155 145;
--savoury-salmon-oklch: oklch(0.735 0.063 31.2);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(10 38% 69%);
border-color: oklch(0.735 0.063 31.2);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #ce9b91;
--color-savoury-salmon-50: #ffefea;
--color-savoury-salmon-100: #fce1da;
--color-savoury-salmon-200: #eecbc3;
--color-savoury-salmon-300: #d6aca3;
--color-savoury-salmon-400: #c19188;
--color-savoury-salmon-500: #ac776c;
--color-savoury-salmon-600: #91655c;
--color-savoury-salmon-700: #755049;
--color-savoury-salmon-800: #563a36;
--color-savoury-salmon-900: #3c2825;
--color-savoury-salmon-950: #261613;
}SCSS
$savoury-salmon: #ce9b91;
$savoury-salmon-rgb: 206, 155, 145;
$savoury-salmon-light: mix(#fff, $savoury-salmon, 20%);
$savoury-salmon-dark: mix(#000, $savoury-salmon, 20%);
.element {
color: $savoury-salmon;
box-shadow: 0 0 0 2px rgba($savoury-salmon, 0.35);
}