Nazwany kolor · #999EB0
Screen Test
Screen Test to #999EB0: rgb(153 158 176), hsl(227 13% 65%), oklch(0.701 0.027 273.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Screen Test color name →
#999EB0
oklch(0.701 0.027 273.3)
Konwersje koloru
- HEX
- #999eb0
- RGB
- rgb(153 158 176)
- HSL
- hsl(227 13% 65%)
- HWB
- hwb(227 60% 31%)
- OKLCH
- oklch(0.701 0.027 273.3)
- OKLab
- oklab(0.701 0.002 -0.027)
- CIE Lab
- lab(65.15 0.93 -10.03)
- LCH
- lch(65.15 10.07 275.3)
- CMYK
- cmyk(13% 10% 0% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3A7B8
- ADB1BF
- B7BAC7
- C1C4CF
- CBCDD7
- D5D7DF
- DFE1E7
- EAEBEF
- F4F5F7
Odcienie ciemniejsze
- 848999
- 707482
- 5D606C
- 4A4D56
- 383A42
- 27292E
- 17181C
- 08090B
- 010101
Tony
- 969BAB
- 9498A6
- 9195A1
- 8F929D
- 8C8F98
- 8A8C93
- 87898E
- 858689
- 828385
Harmonie kolorów
Komplementarna +180°
- 999EB0
Screen Test
- A49F8C
≈ Apple Hill
Analogowa -30° +30°
- 999EB0
Screen Test
- 91A1AF
≈ Cadet Grey
- A29BAD
≈ Indolence
Triada +120° +240°
- 999EB0
Screen Test
- AF9994
≈ Tricycle Taupe
- 93A497
≈ Heavenly Garden
Komplementarna rozszczepiona +150° +210°
- 999EB0
Screen Test
- AB9C8E
≈ Delicate Truffle
- 9BA290
≈ Meadowood
Tetrada +90° +180° +270°
- 999EB0
Screen Test
- AE989D
≈ Pincushion
- A49F8C
≈ Apple Hill
- 8DA5A0
≈ Spruce Shade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.87:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--screen-test: #999eb0;
--screen-test-rgb: 153 158 176;
--screen-test-oklch: oklch(0.701 0.027 273.3);
}
.element {
color: var(--screen-test);
background-color: hsl(227 13% 65%);
border-color: oklch(0.701 0.027 273.3);
}Tailwind CSS v4
@theme {
--color-screen-test: #999eb0;
--color-screen-test-50: #f3f5fd;
--color-screen-test-100: #e5e7f1;
--color-screen-test-200: #d1d4e0;
--color-screen-test-300: #b3b7c6;
--color-screen-test-400: #999eaf;
--color-screen-test-500: #808599;
--color-screen-test-600: #6c7181;
--color-screen-test-700: #575a67;
--color-screen-test-800: #3f424c;
--color-screen-test-900: #2b2e35;
--color-screen-test-950: #191a20;
}SCSS
$screen-test: #999eb0;
$screen-test-rgb: 153, 158, 176;
$screen-test-light: mix(#fff, $screen-test, 20%);
$screen-test-dark: mix(#000, $screen-test, 20%);
.element {
color: $screen-test;
box-shadow: 0 0 0 2px rgba($screen-test, 0.35);
}