Benoemde kleur · #EFCF9B
Bright Clove
Bright Clove is #EFCF9B: rgb(239 207 155), hsl(37 72% 77%), oklch(0.869 0.076 79.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Bright Clove color name →
#EFCF9B
oklch(0.869 0.076 79.6)
Kleurconversies
- HEX
- #efcf9b
- RGB
- rgb(239 207 155)
- HSL
- hsl(37 72% 77%)
- HWB
- hwb(37 61% 6%)
- OKLCH
- oklch(0.869 0.076 79.6)
- OKLab
- oklab(0.869 0.014 0.075)
- CIE Lab
- lab(84.96 6.28 30.27)
- LCH
- lch(84.96 30.91 78.3)
- CMYK
- cmyk(0% 13% 35% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F1D4A5
- F2D9AF
- F4DEBA
- F6E2C4
- F7E7CD
- F9ECD7
- FAF1E1
- FCF5EB
- FEFAF5
Schaduwen
- D0B486
- B19972
- 947F5E
- 78674B
- 5C4F39
- 423828
- 2A2318
- 141009
- 030201
Tonen
- E3C799
- D8BF96
- CDB794
- C1AF91
- B6A78F
- AB9F8C
- A09789
- 958F86
- 8B8883
Kleurharmonieën
Complementair +180°
- EFCF9B
Bright Clove
- BBD6FF
≈ Oh Boy!
Analoog -30° +30°
- EFCF9B
Bright Clove
- FEC6A8
≈ Bright Citrus
- D7D99F
≈ Liminality
Triadisch +120° +240°
- EFCF9B
Bright Clove
- 96E4E7
≈ Aqua Fiesta
- EBC4F4
≈ Purple’s Baby Sister
Gesplitst complementair +150° +210°
- EFCF9B
Bright Clove
- 9FDEFD
≈ Columbia Blue
- D2CDFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- EFCF9B
Bright Clove
- A1E5CC
≈ Turquoise Tower
- BBD6FF
≈ Oh Boy!
- FCC0DB
≈ Cotton Candy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.49:1 · APCA Lc 23
Ag
AAAOp zwart
WCAG 14.06:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--bright-clove: #efcf9b;
--bright-clove-rgb: 239 207 155;
--bright-clove-oklch: oklch(0.869 0.076 79.6);
}
.element {
color: var(--bright-clove);
background-color: hsl(37 72% 77%);
border-color: oklch(0.869 0.076 79.6);
}Tailwind CSS v4
@theme {
--color-bright-clove: #efcf9b;
--color-bright-clove-50: #fff4dd;
--color-bright-clove-100: #f5e6cc;
--color-bright-clove-200: #e5d2b0;
--color-bright-clove-300: #cbb48b;
--color-bright-clove-400: #b79a6a;
--color-bright-clove-500: #a18049;
--color-bright-clove-600: #886d3e;
--color-bright-clove-700: #6d5731;
--color-bright-clove-800: #513f23;
--color-bright-clove-900: #382b17;
--color-bright-clove-950: #231908;
}SCSS
$bright-clove: #efcf9b;
$bright-clove-rgb: 239, 207, 155;
$bright-clove-light: mix(#fff, $bright-clove, 20%);
$bright-clove-dark: mix(#000, $bright-clove, 20%);
.element {
color: $bright-clove;
box-shadow: 0 0 0 2px rgba($bright-clove, 0.35);
}