Najbliższy nazwany kolor · #85DAE6
#85DAE6
Najbliższy nazwany kolor: Exotic Escape
#85DAE6 (rgb(133 218 230), hsl(187 66% 71%), oklch(0.839 0.084 207.2)) jest najbliższy nazwanemu kolorowi Exotic Escape. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#85DAE6
oklch(0.839 0.084 207.2)
Konwersje koloru
- HEX
- #85dae6
- RGB
- rgb(133 218 230)
- HSL
- hsl(187 66% 71%)
- HWB
- hwb(187 52% 10%)
- OKLCH
- oklch(0.839 0.084 207.2)
- OKLab
- oklab(0.839 -0.075 -0.038)
- CIE Lab
- lab(81.99 -24.59 -14.47)
- LCH
- lch(81.99 28.53 210.5)
- CMYK
- cmyk(42% 5% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93DEE9
- A0E2EB
- ADE5EE
- B9E9F0
- C5EDF3
- D1F1F5
- DDF4F8
- E8F8FA
- F4FBFD
Odcienie ciemniejsze
- 73BDC8
- 61A2AB
- 50878E
- 406C73
- 305459
- 213C40
- 132528
- 061113
- 010203
Tony
- 86D1DB
- 86C8D1
- 87BEC6
- 87B5BC
- 86ACB2
- 85A3A8
- 849A9E
- 839294
- 82898A
Harmonie kolorów
Komplementarna +180°
- 85DAE6
Exotic Escape
- FCB6AC
≈ Washed-Out Crimson
Analogowa -30° +30°
- 85DAE6
Exotic Escape
- 8CDDC9
≈ Opulent Turquoise
- 95D3FA
≈ Long Island Sound
Triada +120° +240°
- 85DAE6
Exotic Escape
- E8B7E7
≈ Pink Drink
- E2C78A
≈ Clay Bake
Komplementarna rozszczepiona +150° +210°
- 85DAE6
Exotic Escape
- F8B4CB
≈ Fulgrim Pink
- F5BD94
≈ Word of Mouth
Tetrada +90° +180° +270°
- 85DAE6
Exotic Escape
- D0BFFB
≈ Lavender Tonic
- FCB6AC
≈ Washed-Out Crimson
- C6D293
≈ Pistachio Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.16:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--exotic-escape: #85dae6;
--exotic-escape-rgb: 133 218 230;
--exotic-escape-oklch: oklch(0.839 0.084 207.2);
}
.element {
color: var(--exotic-escape);
background-color: hsl(187 66% 71%);
border-color: oklch(0.839 0.084 207.2);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #85dae6;
--color-exotic-escape-50: #dbfcff;
--color-exotic-escape-100: #c9f0f7;
--color-exotic-escape-200: #abdfe8;
--color-exotic-escape-300: #83c4cf;
--color-exotic-escape-400: #5dadb8;
--color-exotic-escape-500: #3096a2;
--color-exotic-escape-600: #2b7f89;
--color-exotic-escape-700: #22656e;
--color-exotic-escape-800: #164b50;
--color-exotic-escape-900: #0e3438;
--color-exotic-escape-950: #021f22;
}SCSS
$exotic-escape: #85dae6;
$exotic-escape-rgb: 133, 218, 230;
$exotic-escape-light: mix(#fff, $exotic-escape, 20%);
$exotic-escape-dark: mix(#000, $exotic-escape, 20%);
.element {
color: $exotic-escape;
box-shadow: 0 0 0 2px rgba($exotic-escape, 0.35);
}