Nazwany kolor · #AEE0E4
Opal
Opal to #AEE0E4: rgb(174 224 228), hsl(184 50% 79%), oklch(0.873 0.052 202.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Opal color name →
#AEE0E4
oklch(0.873 0.052 202.3)
Konwersje koloru
- HEX
- #aee0e4
- RGB
- rgb(174 224 228)
- HSL
- hsl(184 50% 79%)
- HWB
- hwb(184 68% 11%)
- OKLCH
- oklch(0.873 0.052 202.3)
- OKLab
- oklab(0.873 -0.048 -0.02)
- CIE Lab
- lab(85.78 -16.02 -7.53)
- LCH
- lch(85.78 17.7 205.2)
- CMYK
- cmyk(24% 2% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6E3E7
- BFE6E9
- C7E9EC
- CFECEF
- D7F0F1
- DFF3F4
- E7F6F7
- EFF9FA
- F7FCFC
Odcienie ciemniejsze
- 97C3C6
- 80A6A9
- 6A8A8D
- 557072
- 415658
- 2E3E3F
- 1C2728
- 0B1212
- 010203
Tony
- AAD6DA
- A5CCCF
- A1C2C5
- 9CB9BB
- 98AFB1
- 93A5A7
- 8E9C9D
- 8A9293
- 85898A
Harmonie kolorów
Komplementarna +180°
- AEE0E4
Opal
- F6C9C6
≈ First Peach
Analogowa -30° +30°
- AEE0E4
Opal
- B4E1D2
≈ Bay
- B4DCF2
≈ Seashore Dreams
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- AEE0E4
Opal
- F2C8D9
≈ British Rose
- F2CDB7
≈ Desert Field
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.58:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--opal: #aee0e4;
--opal-rgb: 174 224 228;
--opal-oklch: oklch(0.873 0.052 202.3);
}
.element {
color: var(--opal);
background-color: hsl(184 50% 79%);
border-color: oklch(0.873 0.052 202.3);
}Tailwind CSS v4
@theme {
--color-opal: #aee0e4;
--color-opal-50: #e5fafc;
--color-opal-100: #d5edf0;
--color-opal-200: #bcdbde;
--color-opal-300: #99c0c4;
--color-opal-400: #7aa8ac;
--color-opal-500: #5b9195;
--color-opal-600: #4e7a7e;
--color-opal-700: #3e6265;
--color-opal-800: #2c4849;
--color-opal-900: #1e3233;
--color-opal-950: #0e1e1f;
}SCSS
$opal: #aee0e4;
$opal-rgb: 174, 224, 228;
$opal-light: mix(#fff, $opal, 20%);
$opal-dark: mix(#000, $opal, 20%);
.element {
color: $opal;
box-shadow: 0 0 0 2px rgba($opal, 0.35);
}