Nazwany kolor · #F4F0E3
Trite White
Trite White to #F4F0E3: rgb(244 240 227), hsl(46 44% 92%), oklch(0.955 0.018 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Trite White color name →
#F4F0E3
oklch(0.955 0.018 92.7)
Konwersje koloru
- HEX
- #f4f0e3
- RGB
- rgb(244 240 227)
- HSL
- hsl(46 44% 92%)
- HWB
- hwb(46 89% 4%)
- OKLCH
- oklch(0.955 0.018 92.7)
- OKLab
- oklab(0.955 -0.001 0.018)
- CIE Lab
- lab(94.85 -0.26 6.8)
- LCH
- lch(94.85 6.81 92.2)
- CMYK
- cmyk(0% 2% 7% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5F1E6
- F6F3E9
- F7F4EB
- F8F6EE
- F9F7F1
- FBF9F4
- FCFAF7
- FDFCF9
- FEFDFC
Odcienie ciemniejsze
- D4D1C5
- B5B2A8
- 97958C
- 7A7871
- 5E5D57
- 44433F
- 2B2A27
- 141412
- 030303
Tony
- E8E4D9
- DCD9CE
- D0CDC4
- C4C2BA
- B8B6B0
- ADABA6
- A1A09D
- 969593
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F4F0E3
Trite White
- ECF0FC
≈ Cotton Boll
Analogowa -30° +30°
- F4F0E3
Trite White
- F9EEE4
≈ Bermuda Shell
- EEF2E5
≈ Saltpan
Triada +120° +240°
- F4F0E3
Trite White
- E3F3F7
≈ Milky Way
- F8ECF5
≈ Placebo Magenta
Komplementarna rozszczepiona +150° +210°
- F4F0E3
Trite White
- E6F2FB
≈ Clear Vision
- F2EDFA
≈ Foundation White
Tetrada +90° +180° +270°
- F4F0E3
Trite White
- E4F4F1
≈ Bone-Chilling
- ECF0FC
≈ Cotton Boll
- FBEBEF
≈ Placebo Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.41:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--trite-white: #f4f0e3;
--trite-white-rgb: 244 240 227;
--trite-white-oklch: oklch(0.955 0.018 92.7);
}
.element {
color: var(--trite-white);
background-color: hsl(46 44% 92%);
border-color: oklch(0.955 0.018 92.7);
}Tailwind CSS v4
@theme {
--color-trite-white: #f4f0e3;
--color-trite-white-50: #f7f5f0;
--color-trite-white-100: #eae8e1;
--color-trite-white-200: #d6d4cc;
--color-trite-white-300: #bab7ad;
--color-trite-white-400: #a29e93;
--color-trite-white-500: #8a8679;
--color-trite-white-600: #757167;
--color-trite-white-700: #5d5b52;
--color-trite-white-800: #45423c;
--color-trite-white-900: #2f2e29;
--color-trite-white-950: #1c1a17;
}SCSS
$trite-white: #f4f0e3;
$trite-white-rgb: 244, 240, 227;
$trite-white-light: mix(#fff, $trite-white, 20%);
$trite-white-dark: mix(#000, $trite-white, 20%);
.element {
color: $trite-white;
box-shadow: 0 0 0 2px rgba($trite-white, 0.35);
}