Nazwany kolor · #EBF5F0
Shiroi White
Shiroi White to #EBF5F0: rgb(235 245 240), hsl(150 33% 94%), oklch(0.961 0.012 164.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Shiroi White color name →
#EBF5F0
oklch(0.961 0.012 164.8)
Konwersje koloru
- HEX
- #ebf5f0
- RGB
- rgb(235 245 240)
- HSL
- hsl(150 33% 94%)
- HWB
- hwb(150 92% 4%)
- OKLCH
- oklch(0.961 0.012 164.8)
- OKLab
- oklab(0.961 -0.012 0.003)
- CIE Lab
- lab(95.67 -4.09 1.21)
- LCH
- lch(95.67 4.27 163.6)
- CMYK
- cmyk(4% 0% 2% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDF6F1
- EFF7F3
- F1F8F4
- F3F9F6
- F5FAF7
- F7FBF9
- F9FCFA
- FBFDFC
- FDFEFD
Odcienie ciemniejsze
- CCD5D1
- AEB6B2
- 919895
- 757B78
- 5B5F5D
- 414443
- 292B2A
- 131514
- 030303
Tony
- E0E9E4
- D5DDD9
- CAD0CD
- BFC5C2
- B4B9B6
- A9ADAB
- 9FA2A0
- 949695
- 8A8B8B
Harmonie kolorów
Komplementarna +180°
- EBF5F0
Shiroi White
- F9EFF4
≈ Sentimental Pink
Analogowa -30° +30°
- EBF5F0
Shiroi White
- EFF4EC
≈ Frosted Juniper
- E9F5F5
≈ Indigo White
Triada +120° +240°
- EBF5F0
Shiroi White
- F1F1FB
≈ Alpine Goat
- FAF0EB
≈ Baby Blossom
Komplementarna rozszczepiona +150° +210°
- EBF5F0
Shiroi White
- F5F0F8
≈ Sentimental Pink
- FBEFEF
≈ Voracious White
Tetrada +90° +180° +270°
- EBF5F0
Shiroi White
- EDF3FB
≈ Insignia White
- F9EFF4
≈ Sentimental Pink
- F7F1E9
≈ Winter Doldrums
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.11:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.85:1 · APCA Lc 100
Najlepszy kolor tekstu: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--shiroi-white: #ebf5f0;
--shiroi-white-rgb: 235 245 240;
--shiroi-white-oklch: oklch(0.961 0.012 164.8);
}
.element {
color: var(--shiroi-white);
background-color: hsl(150 33% 94%);
border-color: oklch(0.961 0.012 164.8);
}Tailwind CSS v4
@theme {
--color-shiroi-white: #ebf5f0;
--color-shiroi-white-50: #f2f6f4;
--color-shiroi-white-100: #e4e9e7;
--color-shiroi-white-200: #cfd6d3;
--color-shiroi-white-300: #b2b9b6;
--color-shiroi-white-400: #98a19c;
--color-shiroi-white-500: #7f8984;
--color-shiroi-white-600: #6c7470;
--color-shiroi-white-700: #565d59;
--color-shiroi-white-800: #3f4441;
--color-shiroi-white-900: #2b2f2d;
--color-shiroi-white-950: #181b1a;
}SCSS
$shiroi-white: #ebf5f0;
$shiroi-white-rgb: 235, 245, 240;
$shiroi-white-light: mix(#fff, $shiroi-white, 20%);
$shiroi-white-dark: mix(#000, $shiroi-white, 20%);
.element {
color: $shiroi-white;
box-shadow: 0 0 0 2px rgba($shiroi-white, 0.35);
}