Nazwany kolor · #DDEDE9
Tranquil
Tranquil to #DDEDE9: rgb(221 237 233), hsl(165 31% 90%), oklch(0.933 0.018 179.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tranquil color name →
#DDEDE9
oklch(0.933 0.018 179.3)
Konwersje koloru
- HEX
- #ddede9
- RGB
- rgb(221 237 233)
- HSL
- hsl(165 31% 90%)
- HWB
- hwb(165 87% 7%)
- OKLCH
- oklch(0.933 0.018 179.3)
- OKLab
- oklab(0.933 -0.018 0)
- CIE Lab
- lab(92.46 -6.04 0.02)
- LCH
- lch(92.46 6.04 179.8)
- CMYK
- cmyk(7% 0% 2% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0EFEB
- E4F1ED
- E7F2F0
- EBF4F2
- EEF6F4
- F1F8F6
- F5FAF8
- F8FBFB
- FCFDFD
Odcienie ciemniejsze
- C0CECB
- A4B0AD
- 889390
- 6E7774
- 555C5A
- 3D4241
- 262A29
- 111413
- 020303
Tony
- D3E2DE
- CAD6D3
- C0CBC8
- B7C0BE
- ADB5B3
- A4AAA9
- 9B9F9E
- 929594
- 898A8A
Harmonie kolorów
Komplementarna +180°
- DDEDE9
Tranquil
- F4E4E8
≈ Be Mine
Analogowa -30° +30°
- DDEDE9
Tranquil
- E1ECE3
≈ Country Mist
- DCECEF
≈ Blue Flax
Triada +120° +240°
- DDEDE9
Tranquil
- EAE6F3
≈ Tranquil Eve
- F2E6DD
≈ Fantasy
Komplementarna rozszczepiona +150° +210°
- DDEDE9
Tranquil
- F0E5EF
≈ In the Spotlight
- F5E5E2
≈ Discreet Romance
Tetrada +90° +180° +270°
- DDEDE9
Tranquil
- E4E9F5
≈ Whisper Blue
- F4E4E8
≈ Be Mine
- EDE9DC
≈ Silk Dessou
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.36:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.36:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--tranquil: #ddede9;
--tranquil-rgb: 221 237 233;
--tranquil-oklch: oklch(0.933 0.018 179.3);
}
.element {
color: var(--tranquil);
background-color: hsl(165 31% 90%);
border-color: oklch(0.933 0.018 179.3);
}Tailwind CSS v4
@theme {
--color-tranquil: #ddede9;
--color-tranquil-50: #f0f7f5;
--color-tranquil-100: #e2eae8;
--color-tranquil-200: #cdd7d5;
--color-tranquil-300: #aebab8;
--color-tranquil-400: #94a29f;
--color-tranquil-500: #7a8a86;
--color-tranquil-600: #677572;
--color-tranquil-700: #535e5b;
--color-tranquil-800: #3c4442;
--color-tranquil-900: #292f2e;
--color-tranquil-950: #171c1a;
}SCSS
$tranquil: #ddede9;
$tranquil-rgb: 221, 237, 233;
$tranquil-light: mix(#fff, $tranquil, 20%);
$tranquil-dark: mix(#000, $tranquil, 20%);
.element {
color: $tranquil;
box-shadow: 0 0 0 2px rgba($tranquil, 0.35);
}