Nazwany kolor · #EFC5B5
Brilliant Beige
Brilliant Beige to #EFC5B5: rgb(239 197 181), hsl(17 64% 82%), oklch(0.856 0.053 41.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Brilliant Beige color name →
#EFC5B5
oklch(0.856 0.053 41.9)
Konwersje koloru
- HEX
- #efc5b5
- RGB
- rgb(239 197 181)
- HSL
- hsl(17 64% 82%)
- HWB
- hwb(17 71% 6%)
- OKLCH
- oklch(0.856 0.053 41.9)
- OKLab
- oklab(0.856 0.039 0.035)
- CIE Lab
- lab(82.93 13.67 13.96)
- LCH
- lch(82.93 19.53 45.6)
- CMYK
- cmyk(0% 18% 24% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1CBBC
- F3D1C4
- F4D6CB
- F6DCD2
- F8E2DA
- F9E8E1
- FBEEE9
- FCF3F0
- FEF9F7
Odcienie ciemniejsze
- D0AB9D
- B19286
- 94796F
- 786159
- 5C4B44
- 423530
- 2A211D
- 140E0C
- 030202
Tony
- E4BEB0
- D8B7AA
- CDB0A5
- C2A9A0
- B6A29A
- AB9B95
- A09490
- 958D8A
- 8B8785
Harmonie kolorów
Komplementarna +180°
- EFC5B5
Brilliant Beige
- AAD8E9
≈ Blue Click
Analogowa -30° +30°
- EFC5B5
Brilliant Beige
- F0C2C6
≈ Loveable
- E6CBAA
≈ Manila
Triada +120° +240°
- EFC5B5
Brilliant Beige
- B2DBC5
≈ Celadon Sorbet
- C9CCF2
≈ Miami White
Komplementarna rozszczepiona +150° +210°
- EFC5B5
Brilliant Beige
- A8DBD8
≈ Aqua Spray
- B7D3F2
≈ Summer Birthday
Tetrada +90° +180° +270°
- EFC5B5
Brilliant Beige
- C3D7B4
≈ Meadow Grass
- AAD8E9
≈ Blue Click
- DBC6E9
≈ Foggy Love
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.32:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--brilliant-beige: #efc5b5;
--brilliant-beige-rgb: 239 197 181;
--brilliant-beige-oklch: oklch(0.856 0.053 41.9);
}
.element {
color: var(--brilliant-beige);
background-color: hsl(17 64% 82%);
border-color: oklch(0.856 0.053 41.9);
}Tailwind CSS v4
@theme {
--color-brilliant-beige: #efc5b5;
--color-brilliant-beige-50: #fff1e9;
--color-brilliant-beige-100: #f8e3da;
--color-brilliant-beige-200: #e9cec2;
--color-brilliant-beige-300: #d0afa2;
--color-brilliant-beige-400: #bb9586;
--color-brilliant-beige-500: #a57b6b;
--color-brilliant-beige-600: #8c685b;
--color-brilliant-beige-700: #705348;
--color-brilliant-beige-800: #533c35;
--color-brilliant-beige-900: #3a2924;
--color-brilliant-beige-950: #241713;
}SCSS
$brilliant-beige: #efc5b5;
$brilliant-beige-rgb: 239, 197, 181;
$brilliant-beige-light: mix(#fff, $brilliant-beige, 20%);
$brilliant-beige-dark: mix(#000, $brilliant-beige, 20%);
.element {
color: $brilliant-beige;
box-shadow: 0 0 0 2px rgba($brilliant-beige, 0.35);
}