Nazwany kolor · #D9D9D1
Turkish Tower
Turkish Tower to #D9D9D1: rgb(217 217 209), hsl(60 10% 84%), oklch(0.883 0.011 106.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Turkish Tower color name →
#D9D9D1
oklch(0.883 0.011 106.6)
Konwersje koloru
- HEX
- #d9d9d1
- RGB
- rgb(217 217 209)
- HSL
- hsl(60 10% 84%)
- HWB
- hwb(60 82% 15%)
- OKLCH
- oklch(0.883 0.011 106.6)
- OKLab
- oklab(0.883 -0.003 0.01)
- CIE Lab
- lab(86.53 -1.06 3.95)
- LCH
- lch(86.53 4.09 105)
- CMYK
- cmyk(0% 0% 4% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDDDD6
- E1E1DA
- E4E4DF
- E8E8E3
- ECECE8
- F0F0EC
- F3F3F1
- F7F7F6
- FBFBFA
Odcienie ciemniejsze
- BCBCB5
- A1A19B
- 868681
- 6C6C68
- 535350
- 3B3B39
- 252523
- 111110
- 020202
Tony
- D0D0C9
- C7C7C0
- BDBDB8
- B4B4B0
- ABABA8
- A3A3A0
- 9A9A98
- 919190
- 888888
Harmonie kolorów
Komplementarna +180°
- D9D9D1
Turkish Tower
- D8D7DF
≈ Violet Whimsey
Analogowa -30° +30°
- D9D9D1
Turkish Tower
- DDD8D1
≈ Drift of Mist
- D5DAD3
≈ Misty Coast
Triada +120° +240°
- D9D9D1
Turkish Tower
- D1DADE
≈ Zen
- DED6DA
≈ Pearl Pebble
Komplementarna rozszczepiona +150° +210°
- D9D9D1
Turkish Tower
- D4D9E0
≈ Seven Days of Rain
- DBD6DD
≈ Violet Whimsey
Tetrada +90° +180° +270°
- D9D9D1
Turkish Tower
- D1DBDB
≈ Northbound
- D8D7DF
≈ Violet Whimsey
- E0D6D6
≈ Razzberry Fizz
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.79:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.79:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--turkish-tower: #d9d9d1;
--turkish-tower-rgb: 217 217 209;
--turkish-tower-oklch: oklch(0.883 0.011 106.6);
}
.element {
color: var(--turkish-tower);
background-color: hsl(60 10% 84%);
border-color: oklch(0.883 0.011 106.6);
}Tailwind CSS v4
@theme {
--color-turkish-tower: #d9d9d1;
--color-turkish-tower-50: #f5f5f2;
--color-turkish-tower-100: #e8e8e4;
--color-turkish-tower-200: #d4d5cf;
--color-turkish-tower-300: #b8b8b2;
--color-turkish-tower-400: #9f9f98;
--color-turkish-tower-500: #87877f;
--color-turkish-tower-600: #72726b;
--color-turkish-tower-700: #5b5b56;
--color-turkish-tower-800: #43433e;
--color-turkish-tower-900: #2e2e2b;
--color-turkish-tower-950: #1b1b18;
}SCSS
$turkish-tower: #d9d9d1;
$turkish-tower-rgb: 217, 217, 209;
$turkish-tower-light: mix(#fff, $turkish-tower, 20%);
$turkish-tower-dark: mix(#000, $turkish-tower, 20%);
.element {
color: $turkish-tower;
box-shadow: 0 0 0 2px rgba($turkish-tower, 0.35);
}