Couleur nommée la plus proche · #F3ECD8
#F3ECD8
Couleur nommée la plus proche: Labrador
#F3ECD8 (rgb(243 236 216), hsl(44 53% 90%), oklch(0.943 0.027 90.9)) est la plus proche de la couleur nommée Labrador. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F3ECD8
oklch(0.943 0.027 90.9)
Conversions de couleur
- HEX
- #f3ecd8
- RGB
- rgb(243 236 216)
- HSL
- hsl(44 53% 90%)
- HWB
- hwb(44 85% 5%)
- OKLCH
- oklch(0.943 0.027 90.9)
- OKLab
- oklab(0.943 0 0.027)
- CIE Lab
- lab(93.55 -0.03 10.62)
- LCH
- lch(93.55 10.62 90.1)
- CMYK
- cmyk(0% 3% 11% 5%)
Teintes · Ombres · Tons
Teintes
- F4EEDC
- F5F0E0
- F7F2E4
- F8F4E8
- F9F6EB
- FAF7EF
- FBF9F3
- FDFBF7
- FEFDFB
Ombres
- D3CDBC
- B4AFA0
- 979285
- 7A766B
- 5E5B53
- 44423B
- 2B2925
- 141311
- 030302
Tons
- E7E1CF
- DBD5C6
- CFCABD
- C3BFB4
- B8B5AB
- ACAAA2
- A19F9A
- 969591
- 8B8A88
Harmonies de couleurs
Complémentaire +180°
- F3ECD8
Labrador
- E5ECFF
≈ Brilliant White
Analogue -30° +30°
- F3ECD8
Labrador
- FBE9DA
≈ Poppy Crepe
- E9EFDB
≈ Diluted Lime
Triadique +120° +240°
- F3ECD8
Labrador
- D8F2F7
≈ Let It Snow
- F8E6F5
≈ Cherry Pearl
Complémentaire divisée +150° +210°
- F3ECD8
Labrador
- DDEFFD
≈ Calcareous Sinter
- EFE8FC
≈ Bright Dusk
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.17:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.80:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.80:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--labrador: #f3ecd8;
--labrador-rgb: 243 236 216;
--labrador-oklch: oklch(0.943 0.027 90.9);
}
.element {
color: var(--labrador);
background-color: hsl(44 53% 90%);
border-color: oklch(0.943 0.027 90.9);
}Tailwind CSS v4
@theme {
--color-labrador: #f3ecd8;
--color-labrador-50: #f8f5ec;
--color-labrador-100: #ebe8de;
--color-labrador-200: #d8d4c7;
--color-labrador-300: #bcb7a8;
--color-labrador-400: #a49e8c;
--color-labrador-500: #8d8672;
--color-labrador-600: #777161;
--color-labrador-700: #5f5b4d;
--color-labrador-800: #464238;
--color-labrador-900: #312e26;
--color-labrador-950: #1d1a14;
}SCSS
$labrador: #f3ecd8;
$labrador-rgb: 243, 236, 216;
$labrador-light: mix(#fff, $labrador, 20%);
$labrador-dark: mix(#000, $labrador, 20%);
.element {
color: $labrador;
box-shadow: 0 0 0 2px rgba($labrador, 0.35);
}