Najbliższy nazwany kolor · #FFD8B9
#FFD8B9
Najbliższy nazwany kolor: Gentle Caress
#FFD8B9 (rgb(255 216 185), hsl(27 100% 86%), oklch(0.907 0.06 60.4)) jest najbliższy nazwanemu kolorowi Gentle Caress. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFD8B9
oklch(0.907 0.06 60.4)
Konwersje koloru
- HEX
- #ffd8b9
- RGB
- rgb(255 216 185)
- HSL
- hsl(27 100% 86%)
- HWB
- hwb(27 73% 0%)
- OKLCH
- oklch(0.907 0.06 60.4)
- OKLab
- oklab(0.907 0.03 0.052)
- CIE Lab
- lab(89.12 10.76 20.66)
- LCH
- lch(89.12 23.3 62.5)
- CMYK
- cmyk(0% 15% 27% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFDCC0
- FFE0C7
- FFE4CE
- FFE8D5
- FFECDC
- FFF0E3
- FFF3EA
- FFF7F1
- FFFBF8
Odcienie ciemniejsze
- DEBCA0
- BEA089
- 9E8571
- 806B5B
- 635346
- 483B31
- 2E251E
- 16110D
- 030202
Tony
- F2CFB3
- E5C6AE
- D8BDA8
- CBB4A2
- BEAB9C
- B1A297
- A59A91
- 98918B
- 8C8886
Harmonie kolorów
Komplementarna +180°
- FFD8B9
Gentle Caress
- C4E6FF
≈ Icy Landscape
Analogowa -30° +30°
- FFD8B9
Gentle Caress
- FFD5CE
≈ Bleached Coral
- F0E0B4
≈ Calla
Triada +120° +240°
- FFD8B9
Gentle Caress
- B5EEE2
≈ East Cape
- E6D9FF
≈ Transparent Blue
Komplementarna rozszczepiona +150° +210°
- FFD8B9
Gentle Caress
- B3ECF7
≈ Beyond the Clouds
- D5E0FF
≈ Contrail
Tetrada +90° +180° +270°
- FFD8B9
Gentle Caress
- C5ECCC
≈ Lost Lace
- C4E6FF
≈ Icy Landscape
- F8D3F3
≈ Shampoo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.77:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-caress: #ffd8b9;
--gentle-caress-rgb: 255 216 185;
--gentle-caress-oklch: oklch(0.907 0.06 60.4);
}
.element {
color: var(--gentle-caress);
background-color: hsl(27 100% 86%);
border-color: oklch(0.907 0.06 60.4);
}Tailwind CSS v4
@theme {
--color-gentle-caress: #ffd8b9;
--color-gentle-caress-50: #fff2e4;
--color-gentle-caress-100: #f7e4d4;
--color-gentle-caress-200: #e8cfbb;
--color-gentle-caress-300: #ceb198;
--color-gentle-caress-400: #b9977b;
--color-gentle-caress-500: #a47d5d;
--color-gentle-caress-600: #8b6a4f;
--color-gentle-caress-700: #6f553f;
--color-gentle-caress-800: #523d2e;
--color-gentle-caress-900: #392a1f;
--color-gentle-caress-950: #24180f;
}SCSS
$gentle-caress: #ffd8b9;
$gentle-caress-rgb: 255, 216, 185;
$gentle-caress-light: mix(#fff, $gentle-caress, 20%);
$gentle-caress-dark: mix(#000, $gentle-caress, 20%);
.element {
color: $gentle-caress;
box-shadow: 0 0 0 2px rgba($gentle-caress, 0.35);
}