Najbliższy nazwany kolor · #D2C0B2
#D2C0B2
Najbliższy nazwany kolor: Smoke Dragon
#D2C0B2 (rgb(210 192 178), hsl(26 26% 76%), oklch(0.819 0.028 60.3)) jest najbliższy nazwanemu kolorowi Smoke Dragon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D2C0B2
oklch(0.819 0.028 60.3)
Konwersje koloru
- HEX
- #d2c0b2
- RGB
- rgb(210 192 178)
- HSL
- hsl(26 26% 76%)
- HWB
- hwb(26 70% 18%)
- OKLCH
- oklch(0.819 0.028 60.3)
- OKLab
- oklab(0.819 0.014 0.024)
- CIE Lab
- lab(78.94 4.86 9.5)
- LCH
- lch(78.94 10.68 62.9)
- CMYK
- cmyk(0% 9% 15% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6C6BA
- DBCCC1
- DFD3C9
- E4D9D0
- E8DFD8
- EDE5E0
- F1ECE7
- F6F2EF
- FAF9F7
Odcienie ciemniejsze
- B6A79A
- 9B8E83
- 81766D
- 685F57
- 504943
- 39342F
- 24201D
- 100E0C
- 020201
Tony
- CAB9AD
- C1B3A8
- B9ACA3
- B0A69E
- A89F99
- A09994
- 98938F
- 908C8A
- 888685
Harmonie kolorów
Komplementarna +180°
- D2C0B2
Smoke Dragon
- B4C7D5
≈ Celestyn
Analogowa -30° +30°
- D2C0B2
Smoke Dragon
- D5BEB9
≈ Salmon Smoke
- CBC3B0
≈ Still Moment
Triada +120° +240°
- D2C0B2
Smoke Dragon
- B1CAC4
≈ Light Teal
- C6C0D4
≈ Estate Violet
Komplementarna rozszczepiona +150° +210°
- D2C0B2
Smoke Dragon
- B0C9CE
≈ Floating Blue
- BDC3D7
≈ Lavender Escape
Tetrada +90° +180° +270°
- D2C0B2
Smoke Dragon
- B8C9BA
≈ Pond’s Edge
- B4C7D5
≈ Celestyn
- CFBECC
≈ Puffball
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.92:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoke-dragon: #d2c0b2;
--smoke-dragon-rgb: 210 192 178;
--smoke-dragon-oklch: oklch(0.819 0.028 60.3);
}
.element {
color: var(--smoke-dragon);
background-color: hsl(26 26% 76%);
border-color: oklch(0.819 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-smoke-dragon: #d2c0b2;
--color-smoke-dragon-50: #fbf4ed;
--color-smoke-dragon-100: #efe6df;
--color-smoke-dragon-200: #ddd2c8;
--color-smoke-dragon-300: #c2b5a9;
--color-smoke-dragon-400: #ab9b8e;
--color-smoke-dragon-500: #958274;
--color-smoke-dragon-600: #7e6e62;
--color-smoke-dragon-700: #65584e;
--color-smoke-dragon-800: #4a4039;
--color-smoke-dragon-900: #332c27;
--color-smoke-dragon-950: #1f1915;
}SCSS
$smoke-dragon: #d2c0b2;
$smoke-dragon-rgb: 210, 192, 178;
$smoke-dragon-light: mix(#fff, $smoke-dragon, 20%);
$smoke-dragon-dark: mix(#000, $smoke-dragon, 20%);
.element {
color: $smoke-dragon;
box-shadow: 0 0 0 2px rgba($smoke-dragon, 0.35);
}