Nazwany kolor · #DDCCB1
Unforgettable
Unforgettable to #DDCCB1: rgb(221 204 177), hsl(37 39% 78%), oklch(0.852 0.041 79.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Unforgettable color name →
#DDCCB1
oklch(0.852 0.041 79.4)
Konwersje koloru
- HEX
- #ddccb1
- RGB
- rgb(221 204 177)
- HSL
- hsl(37 39% 78%)
- HWB
- hwb(37 69% 13%)
- OKLCH
- oklch(0.852 0.041 79.4)
- OKLab
- oklab(0.852 0.008 0.04)
- CIE Lab
- lab(82.93 2.95 15.77)
- LCH
- lch(82.93 16.04 79.4)
- CMYK
- cmyk(0% 8% 20% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0D1B9
- E4D6C0
- E7DBC8
- EBE0D0
- EEE5D8
- F1EAE0
- F5F0E7
- F8F5EF
- FCFAF7
Odcienie ciemniejsze
- C0B199
- A49783
- 887E6C
- 6E6557
- 554E42
- 3D372F
- 26221C
- 110F0C
- 020201
Tony
- D3C4AC
- CABCA7
- C0B5A2
- B7AD9D
- ADA598
- A49E94
- 9B968F
- 928F8A
- 898785
Harmonie kolorów
Komplementarna +180°
- DDCCB1
Unforgettable
- BFD0EA
≈ Maritime
Analogowa -30° +30°
- DDCCB1
Unforgettable
- E6C7B7
≈ Cupcake Rose
- D0D1B3
≈ Bitter Melon
Triada +120° +240°
- DDCCB1
Unforgettable
- B0D7D9
≈ Timeless
- DBC6E0
≈ Simply Lavender
Komplementarna rozszczepiona +150° +210°
- DDCCB1
Unforgettable
- B4D4E4
≈ Spotted Snake Eel
- CDCBE8
≈ Foggy Plateau
Tetrada +90° +180° +270°
- DDCCB1
Unforgettable
- B5D8CA
≈ Gemini
- BFD0EA
≈ Maritime
- E4C4D2
≈ Favourite Lady
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.34:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--unforgettable: #ddccb1;
--unforgettable-rgb: 221 204 177;
--unforgettable-oklch: oklch(0.852 0.041 79.4);
}
.element {
color: var(--unforgettable);
background-color: hsl(37 39% 78%);
border-color: oklch(0.852 0.041 79.4);
}Tailwind CSS v4
@theme {
--color-unforgettable: #ddccb1;
--color-unforgettable-50: #fbf4e8;
--color-unforgettable-100: #efe7d9;
--color-unforgettable-200: #ddd3c1;
--color-unforgettable-300: #c2b6a0;
--color-unforgettable-400: #ac9c84;
--color-unforgettable-500: #958368;
--color-unforgettable-600: #7e6f58;
--color-unforgettable-700: #655946;
--color-unforgettable-800: #4a4133;
--color-unforgettable-900: #342d22;
--color-unforgettable-950: #1f1a11;
}SCSS
$unforgettable: #ddccb1;
$unforgettable-rgb: 221, 204, 177;
$unforgettable-light: mix(#fff, $unforgettable, 20%);
$unforgettable-dark: mix(#000, $unforgettable, 20%);
.element {
color: $unforgettable;
box-shadow: 0 0 0 2px rgba($unforgettable, 0.35);
}