Nazwany kolor · #9EB2C3
Perfect Landing
Perfect Landing to #9EB2C3: rgb(158 178 195), hsl(208 24% 69%), oklch(0.754 0.033 243.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Perfect Landing color name →
#9EB2C3
oklch(0.754 0.033 243.8)
Konwersje koloru
- HEX
- #9eb2c3
- RGB
- rgb(158 178 195)
- HSL
- hsl(208 24% 69%)
- HWB
- hwb(208 62% 24%)
- OKLCH
- oklch(0.754 0.033 243.8)
- OKLab
- oklab(0.754 -0.015 -0.03)
- CIE Lab
- lab(71.44 -4.42 -11.14)
- LCH
- lch(71.44 11.99 248.3)
- CMYK
- cmyk(19% 9% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7B9C9
- B1C1CF
- BAC9D5
- C4D0DB
- CED8E1
- D7E0E7
- E1E7ED
- EBEFF3
- F5F7F9
Odcienie ciemniejsze
- 899AA9
- 748390
- 606D78
- 4D5760
- 3A434A
- 292F34
- 181D20
- 090C0E
- 010102
Tony
- 9BADBC
- 98A8B5
- 95A3AE
- 929EA8
- 8F99A1
- 8C949A
- 898F94
- 868A8D
- 838587
Harmonie kolorów
Komplementarna +180°
- 9EB2C3
Perfect Landing
- BFAB9A
≈ Old Doeskin
Analogowa -30° +30°
- 9EB2C3
Perfect Landing
- 98B5BC
≈ Blue Shell
- A8AEC5
≈ Meadow Phlox
Triada +120° +240°
- 9EB2C3
Perfect Landing
- C2A7AD
≈ Violet Ice
- ABB39C
≈ Gargoyle
Komplementarna rozszczepiona +150° +210°
- 9EB2C3
Perfect Landing
- C3A8A2
≈ Sable Cloaked
- B6AF98
≈ True Khaki
Tetrada +90° +180° +270°
- 9EB2C3
Perfect Landing
- BDA8B8
≈ Soft Heather
- BFAB9A
≈ Old Doeskin
- A0B6A6
≈ Leamington Spa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.18:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.61:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--perfect-landing: #9eb2c3;
--perfect-landing-rgb: 158 178 195;
--perfect-landing-oklch: oklch(0.754 0.033 243.8);
}
.element {
color: var(--perfect-landing);
background-color: hsl(208 24% 69%);
border-color: oklch(0.754 0.033 243.8);
}Tailwind CSS v4
@theme {
--color-perfect-landing: #9eb2c3;
--color-perfect-landing-50: #eef6fe;
--color-perfect-landing-100: #dfe9f3;
--color-perfect-landing-200: #c9d6e2;
--color-perfect-landing-300: #aabac8;
--color-perfect-landing-400: #8ea1b1;
--color-perfect-landing-500: #74899b;
--color-perfect-landing-600: #627483;
--color-perfect-landing-700: #4e5d69;
--color-perfect-landing-800: #39444d;
--color-perfect-landing-900: #272f36;
--color-perfect-landing-950: #151c21;
}SCSS
$perfect-landing: #9eb2c3;
$perfect-landing-rgb: 158, 178, 195;
$perfect-landing-light: mix(#fff, $perfect-landing, 20%);
$perfect-landing-dark: mix(#000, $perfect-landing, 20%);
.element {
color: $perfect-landing;
box-shadow: 0 0 0 2px rgba($perfect-landing, 0.35);
}