Nazwany kolor · #1600FC
Royal Blue Tang
Royal Blue Tang to #1600FC: rgb(22 0 252), hsl(245 100% 49%), oklch(0.452 0.308 265.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Royal Blue Tang color name →
#1600FC
oklch(0.452 0.308 265.8)
Konwersje koloru
- HEX
- #1600fc
- RGB
- rgb(22 0 252)
- HSL
- hsl(245 100% 49%)
- HWB
- hwb(245 0% 1%)
- OKLCH
- oklch(0.452 0.308 265.8)
- OKLab
- oklab(0.452 -0.022 -0.307)
- CIE Lab
- lab(29.61 67.91 -110.26)
- LCH
- lch(29.61 129.5 301.6)
- CMYK
- cmyk(91% 100% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1D41FF
- 305FFF
- 4777FF
- 5F8DFF
- 78A2FF
- 92B5FF
- ADC8FF
- C8DBFF
- E3EDFF
Odcienie ciemniejsze
- 1200DB
- 0D00BB
- 09009C
- 06007E
- 030062
- 020047
- 01002D
- 000016
- 000003
Tony
- 162FF1
- 1D42E5
- 2750DA
- 335BCE
- 4063C2
- 4D6BB6
- 5971AA
- 66779C
- 737C8F
Harmonie kolorów
Komplementarna +180°
- 1600FC
Royal Blue Tang
- 6D5100
≈ Ayahuasca Vine
Analogowa -30° +30°
- 1600FC
Royal Blue Tang
- 005D84
≈ Blue Flame
- 6900CB
≈ Trusted Purple
Triada +120° +240°
- 1600FC
Royal Blue Tang
- A40015
≈ Dear Darling
- 00691D
≈ Avagddu Green
Komplementarna rozszczepiona +150° +210°
- 1600FC
Royal Blue Tang
- 834200
≈ Chocolate Pancakes
- 545C00
≈ Greensboro
Tetrada +90° +180° +270°
- 1600FC
Royal Blue Tang
- 9C0059
≈ Obscure Orchid
- 6D5100
≈ Ayahuasca Vine
- 006554
≈ Piney Lake
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.60:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.43:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.60:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--royal-blue-tang: #1600fc;
--royal-blue-tang-rgb: 22 0 252;
--royal-blue-tang-oklch: oklch(0.452 0.308 265.8);
}
.element {
color: var(--royal-blue-tang);
background-color: hsl(245 100% 49%);
border-color: oklch(0.452 0.308 265.8);
}Tailwind CSS v4
@theme {
--color-royal-blue-tang: #1600fc;
--color-royal-blue-tang-50: #cff2ff;
--color-royal-blue-tang-100: #bbe3ff;
--color-royal-blue-tang-200: #9ccbff;
--color-royal-blue-tang-300: #74a7ff;
--color-royal-blue-tang-400: #4785ff;
--color-royal-blue-tang-500: #2957ff;
--color-royal-blue-tang-600: #234dff;
--color-royal-blue-tang-700: #1b3ee1;
--color-royal-blue-tang-800: #032eaa;
--color-royal-blue-tang-900: #022079;
--color-royal-blue-tang-950: #000b56;
}SCSS
$royal-blue-tang: #1600fc;
$royal-blue-tang-rgb: 22, 0, 252;
$royal-blue-tang-light: mix(#fff, $royal-blue-tang, 20%);
$royal-blue-tang-dark: mix(#000, $royal-blue-tang, 20%);
.element {
color: $royal-blue-tang;
box-shadow: 0 0 0 2px rgba($royal-blue-tang, 0.35);
}