Nazwany kolor · #D1DED3
Aruba Aqua
Aruba Aqua to #D1DED3: rgb(209 222 211), hsl(129 16% 85%), oklch(0.888 0.02 150.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aruba Aqua color name →
#D1DED3
oklch(0.888 0.02 150.1)
Konwersje koloru
- HEX
- #d1ded3
- RGB
- rgb(209 222 211)
- HSL
- hsl(129 16% 85%)
- HWB
- hwb(129 82% 13%)
- OKLCH
- oklch(0.888 0.02 150.1)
- OKLab
- oklab(0.888 -0.018 0.01)
- CIE Lab
- lab(87.24 -6.03 3.83)
- LCH
- lch(87.24 7.14 147.6)
- CMYK
- cmyk(6% 0% 5% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6E1D7
- DAE5DC
- DFE8E0
- E3EBE4
- E8EEE9
- ECF2ED
- F1F5F2
- F6F8F6
- FAFCFB
Odcienie ciemniejsze
- B5C1B7
- 9BA59C
- 818982
- 686F69
- 505551
- 393D3A
- 232624
- 101210
- 020202
Tony
- C9D4CA
- C0CAC2
- B8C1B9
- B0B7B1
- A8AEA9
- A0A4A0
- 989B98
- 909290
- 888988
Harmonie kolorów
Komplementarna +180°
- D1DED3
Aruba Aqua
- E2D5E0
≈ Soft Lilac
Analogowa -30° +30°
- D1DED3
Aruba Aqua
- D8DCCD
≈ Light Green Ash
- CCDFDA
≈ Icelandish
Triada +120° +240°
- D1DED3
Aruba Aqua
- D5DAE8
≈ Sueded Grey
- E7D5D2
≈ Ash Cherry Blossom
Komplementarna rozszczepiona +150° +210°
- D1DED3
Aruba Aqua
- DCD7E6
≈ Misty Violet
- E6D5D9
≈ Velvet Blush
Tetrada +90° +180° +270°
- D1DED3
Aruba Aqua
- CEDCE6
≈ Simply Elegant
- E2D5E0
≈ Soft Lilac
- E5D7CD
≈ Kangaroo Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.10:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--aruba-aqua: #d1ded3;
--aruba-aqua-rgb: 209 222 211;
--aruba-aqua-oklch: oklch(0.888 0.02 150.1);
}
.element {
color: var(--aruba-aqua);
background-color: hsl(129 16% 85%);
border-color: oklch(0.888 0.02 150.1);
}Tailwind CSS v4
@theme {
--color-aruba-aqua: #d1ded3;
--color-aruba-aqua-50: #f1f7f2;
--color-aruba-aqua-100: #e3eae4;
--color-aruba-aqua-200: #ced7d0;
--color-aruba-aqua-300: #b0bbb2;
--color-aruba-aqua-400: #96a298;
--color-aruba-aqua-500: #7d8a7f;
--color-aruba-aqua-600: #6a756c;
--color-aruba-aqua-700: #555e56;
--color-aruba-aqua-800: #3e443e;
--color-aruba-aqua-900: #2a2f2b;
--color-aruba-aqua-950: #181c18;
}SCSS
$aruba-aqua: #d1ded3;
$aruba-aqua-rgb: 209, 222, 211;
$aruba-aqua-light: mix(#fff, $aruba-aqua, 20%);
$aruba-aqua-dark: mix(#000, $aruba-aqua, 20%);
.element {
color: $aruba-aqua;
box-shadow: 0 0 0 2px rgba($aruba-aqua, 0.35);
}