Najbliższy nazwany kolor · #D4AB9E
#D4AB9E
Najbliższy nazwany kolor: Sun-Kissed Beach
#D4AB9E (rgb(212 171 158), hsl(14 39% 73%), oklch(0.775 0.052 38.3)) jest najbliższy nazwanemu kolorowi Sun-Kissed Beach. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D4AB9E
oklch(0.775 0.052 38.3)
Konwersje koloru
- HEX
- #d4ab9e
- RGB
- rgb(212 171 158)
- HSL
- hsl(14 39% 73%)
- HWB
- hwb(14 62% 17%)
- OKLCH
- oklch(0.775 0.052 38.3)
- OKLab
- oklab(0.775 0.041 0.032)
- CIE Lab
- lab(73.49 14.03 12.69)
- LCH
- lch(73.49 18.92 42.1)
- CMYK
- cmyk(0% 19% 25% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9B3A7
- DDBBB1
- E1C4BA
- E6CCC4
- EAD5CE
- EEDDD7
- F3E5E1
- F7EEEB
- FBF6F5
Odcienie ciemniejsze
- B89489
- 9D7E74
- 836860
- 69544D
- 51403A
- 3A2D29
- 241B18
- 100B09
- 020101
Tony
- CBA79B
- C3A298
- BA9E95
- B29A92
- AA958F
- A1918C
- 998D89
- 918986
- 888483
Harmonie kolorów
Komplementarna +180°
- D4AB9E
Sun-Kissed Beach
- 91BECC
≈ Reef Blue
Analogowa -30° +30°
- D4AB9E
Sun-Kissed Beach
- D4A9AF
≈ Foxy Lady
- CCB093
≈ Dover Plains
Triada +120° +240°
- D4AB9E
Sun-Kissed Beach
- 9BC0A9
≈ Spring Reflection
- AEB3D7
≈ Pixie Violet
Komplementarna rozszczepiona +150° +210°
- D4AB9E
Sun-Kissed Beach
- 90C1BC
≈ Focus Point
- 9CB9D6
≈ Novella Blue
Tetrada +90° +180° +270°
- D4AB9E
Sun-Kissed Beach
- ACBD9A
≈ Rolling Glen
- 91BECC
≈ Reef Blue
- BFADD0
≈ Grape’s Treasure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.11:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-kissed-beach: #d4ab9e;
--sun-kissed-beach-rgb: 212 171 158;
--sun-kissed-beach-oklch: oklch(0.775 0.052 38.3);
}
.element {
color: var(--sun-kissed-beach);
background-color: hsl(14 39% 73%);
border-color: oklch(0.775 0.052 38.3);
}Tailwind CSS v4
@theme {
--color-sun-kissed-beach: #d4ab9e;
--color-sun-kissed-beach-50: #fff1ea;
--color-sun-kissed-beach-100: #f8e3db;
--color-sun-kissed-beach-200: #e9cdc4;
--color-sun-kissed-beach-300: #d0afa4;
--color-sun-kissed-beach-400: #ba9488;
--color-sun-kissed-beach-500: #a57b6d;
--color-sun-kissed-beach-600: #8b685d;
--color-sun-kissed-beach-700: #70534a;
--color-sun-kissed-beach-800: #533c36;
--color-sun-kissed-beach-900: #3a2925;
--color-sun-kissed-beach-950: #241713;
}SCSS
$sun-kissed-beach: #d4ab9e;
$sun-kissed-beach-rgb: 212, 171, 158;
$sun-kissed-beach-light: mix(#fff, $sun-kissed-beach, 20%);
$sun-kissed-beach-dark: mix(#000, $sun-kissed-beach, 20%);
.element {
color: $sun-kissed-beach;
box-shadow: 0 0 0 2px rgba($sun-kissed-beach, 0.35);
}