Color con nombre · #F1B690
November Leaf
November Leaf es #F1B690: rgb(241 182 144), hsl(24 78% 75%), oklch(0.821 0.086 54). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · November Leaf color name →
#F1B690
oklch(0.821 0.086 54)
Conversiones de color
- HEX
- #f1b690
- RGB
- rgb(241 182 144)
- HSL
- hsl(24 78% 75%)
- HWB
- hwb(24 56% 5%)
- OKLCH
- oklch(0.821 0.086 54)
- OKLab
- oklab(0.821 0.05 0.069)
- CIE Lab
- lab(78.92 18.57 28.12)
- LCH
- lch(78.92 33.7 56.6)
- CMYK
- cmyk(0% 24% 40% 5%)
Tintes · Sombras · Tonos
Tintes
- F3BD9B
- F5C5A6
- F6CCB1
- F8D3BC
- F9DBC8
- FBE2D3
- FCE9DE
- FDF0E9
- FEF8F4
Sombras
- D29E7D
- B3866A
- 956F57
- 795945
- 5D4434
- 433024
- 2B1D15
- 140C07
- 030201
Tonos
- E5B18F
- DAAB8D
- CEA68C
- C3A08B
- B89B89
- AD9687
- A19086
- 968B84
- 8B8582
Armonías de color
Complementario +180°
- F1B690
November Leaf
- 8CCEF4
≈ Pool Tiles
Análogo -30° +30°
- F1B690
November Leaf
- F7AFAA
≈ Snow White Blush
- DFC084
≈ Gold Tint
Triádico +120° +240°
- F1B690
November Leaf
- 87D7C0
≈ Cabbage
- C7BAF7
≈ Violet Heaven
Complementario dividido +150° +210°
- F1B690
November Leaf
- 7DD5DE
≈ VIC 20 Sky
- A8C5FD
≈ Night Snow
Tetrádico +90° +180° +270°
- F1B690
November Leaf
- A3D4A2
≈ Pistachio Green
- 8CCEF4
≈ Pool Tiles
- E1B2E4
≈ Pretty Petunia
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.83:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--november-leaf: #f1b690;
--november-leaf-rgb: 241 182 144;
--november-leaf-oklch: oklch(0.821 0.086 54);
}
.element {
color: var(--november-leaf);
background-color: hsl(24 78% 75%);
border-color: oklch(0.821 0.086 54);
}Tailwind CSS v4
@theme {
--color-november-leaf: #f1b690;
--color-november-leaf-50: #fff0de;
--color-november-leaf-100: #ffe1cd;
--color-november-leaf-200: #f2ccb2;
--color-november-leaf-300: #daad8d;
--color-november-leaf-400: #c7916e;
--color-november-leaf-500: #b2764e;
--color-november-leaf-600: #976442;
--color-november-leaf-700: #795035;
--color-november-leaf-800: #5a3a26;
--color-november-leaf-900: #3f2819;
--color-november-leaf-950: #28150a;
}SCSS
$november-leaf: #f1b690;
$november-leaf-rgb: 241, 182, 144;
$november-leaf-light: mix(#fff, $november-leaf, 20%);
$november-leaf-dark: mix(#000, $november-leaf, 20%);
.element {
color: $november-leaf;
box-shadow: 0 0 0 2px rgba($november-leaf, 0.35);
}