Nazwany kolor · #E6E6E3
Pearl Brite
Pearl Brite to #E6E6E3: rgb(230 230 227), hsl(60 6% 90%), oklch(0.924 0.004 106.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pearl Brite color name →
#E6E6E3
oklch(0.924 0.004 106.5)
Konwersje koloru
- HEX
- #e6e6e3
- RGB
- rgb(230 230 227)
- HSL
- hsl(60 6% 90%)
- HWB
- hwb(60 89% 10%)
- OKLCH
- oklch(0.924 0.004 106.5)
- OKLab
- oklab(0.924 -0.001 0.004)
- CIE Lab
- lab(91.23 -0.4 1.47)
- LCH
- lch(91.23 1.52 105.1)
- CMYK
- cmyk(0% 0% 1% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E8E6
- EBEBE9
- EDEDEB
- F0F0EE
- F2F2F1
- F5F5F4
- F7F7F7
- FAFAF9
- FCFCFC
Odcienie ciemniejsze
- C8C8C5
- ABABA8
- 8E8E8C
- 737371
- 595957
- 40403F
- 282827
- 131312
- 030303
Tony
- DBDBD9
- D1D1CE
- C6C6C4
- BCBCBA
- B2B2B0
- A7A7A6
- 9D9D9D
- 939393
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- E6E6E3
Pearl Brite
- E5E5E8
≈ Arctic Dawn
Analogowa -30° +30°
- E6E6E3
Pearl Brite
- E7E5E3
≈ Cold Morning
- E5E6E4
≈ Pearl Brite
Triada +120° +240°
- E6E6E3
Pearl Brite
- E3E6E8
≈ Winter Day
- E8E5E6
≈ Minuet White
Komplementarna rozszczepiona +150° +210°
- E6E6E3
Pearl Brite
- E4E6E9
≈ Little Dipper
- E7E5E8
≈ White Lilac
Tetrada +90° +180° +270°
- E6E6E3
Pearl Brite
- E3E7E7
≈ White Lake
- E5E5E8
≈ Arctic Dawn
- E8E5E5
≈ Violet Essence
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.79:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.79:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearl-brite: #e6e6e3;
--pearl-brite-rgb: 230 230 227;
--pearl-brite-oklch: oklch(0.924 0.004 106.5);
}
.element {
color: var(--pearl-brite);
background-color: hsl(60 6% 90%);
border-color: oklch(0.924 0.004 106.5);
}Tailwind CSS v4
@theme {
--color-pearl-brite: #e6e6e3;
--color-pearl-brite-50: #f5f5f4;
--color-pearl-brite-100: #e8e8e6;
--color-pearl-brite-200: #d4d4d2;
--color-pearl-brite-300: #b7b7b5;
--color-pearl-brite-400: #9e9e9c;
--color-pearl-brite-500: #868683;
--color-pearl-brite-600: #72726f;
--color-pearl-brite-700: #5b5b59;
--color-pearl-brite-800: #424241;
--color-pearl-brite-900: #2e2e2d;
--color-pearl-brite-950: #1b1b1a;
}SCSS
$pearl-brite: #e6e6e3;
$pearl-brite-rgb: 230, 230, 227;
$pearl-brite-light: mix(#fff, $pearl-brite, 20%);
$pearl-brite-dark: mix(#000, $pearl-brite, 20%);
.element {
color: $pearl-brite;
box-shadow: 0 0 0 2px rgba($pearl-brite, 0.35);
}