Colore con nome · #FF6700
Burtuqali Orange
Burtuqali Orange è #FF6700: rgb(255 103 0), hsl(24 100% 50%), oklch(0.697 0.203 43.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Burtuqali Orange color name →
#FF6700
oklch(0.697 0.203 43.8)
Conversioni di colore
- HEX
- #ff6700
- RGB
- rgb(255 103 0)
- HSL
- hsl(24 100% 50%)
- HWB
- hwb(24 0% 0%)
- OKLCH
- oklch(0.697 0.203 43.8)
- OKLab
- oklab(0.697 0.147 0.141)
- CIE Lab
- lab(63.32 56.63 72.72)
- LCH
- lch(63.32 92.17 52.1)
- CMYK
- cmyk(0% 60% 100% 0%)
Tinte · Ombre · Toni
Tinte
- FF7937
- FF8A53
- FF9A6B
- FFA981
- FFB897
- FFC7AC
- FFD5C1
- FFE3D5
- FFF1EA
Ombre
- DE5900
- BE4B00
- 9E3D00
- 803000
- 632300
- 481700
- 2E0C00
- 160400
- 030000
Toni
- F36C27
- E77038
- DB7446
- CF7751
- C27A5A
- B67C63
- A97D6B
- 9C7F72
- 8E7F79
Armonie di colore
Complementare +180°
- FF6700
Burtuqali Orange
- 00AED9
≈ Bright Cerulean
Analogo -30° +30°
- FF6700
Burtuqali Orange
- FF5D78
≈ Watermelon Candy
- D38D00
≈ End of Summer
Triadico +120° +240°
- FF6700
Burtuqali Orange
- 00BA84
≈ Slime Girl
- 938CFF
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- FF6700
Burtuqali Orange
- 00B4B3
≈ Cyan Sky
- 4DA0FF
≈ Blue Chaos
Tetradico +90° +180° +270°
- FF6700
Burtuqali Orange
- 66B600
≈ Leaf Sheep
- 00AED9
≈ Bright Cerulean
- CA6FF4
≈ Fake Love
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.19:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.19:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--burtuqali-orange: #ff6700;
--burtuqali-orange-rgb: 255 103 0;
--burtuqali-orange-oklch: oklch(0.697 0.203 43.8);
}
.element {
color: var(--burtuqali-orange);
background-color: hsl(24 100% 50%);
border-color: oklch(0.697 0.203 43.8);
}Tailwind CSS v4
@theme {
--color-burtuqali-orange: #ff6700;
--color-burtuqali-orange-50: #ffe4c5;
--color-burtuqali-orange-100: #ffd3af;
--color-burtuqali-orange-200: #ffb888;
--color-burtuqali-orange-300: #ff9256;
--color-burtuqali-orange-400: #fc6c1e;
--color-burtuqali-orange-500: #eb4100;
--color-burtuqali-orange-600: #c63900;
--color-burtuqali-orange-700: #a02e00;
--color-burtuqali-orange-800: #781f00;
--color-burtuqali-orange-900: #551400;
--color-burtuqali-orange-950: #380400;
}SCSS
$burtuqali-orange: #ff6700;
$burtuqali-orange-rgb: 255, 103, 0;
$burtuqali-orange-light: mix(#fff, $burtuqali-orange, 20%);
$burtuqali-orange-dark: mix(#000, $burtuqali-orange, 20%);
.element {
color: $burtuqali-orange;
box-shadow: 0 0 0 2px rgba($burtuqali-orange, 0.35);
}