Colore con nome · #326395
Teeny Bikini
Teeny Bikini è #326395: rgb(50 99 149), hsl(210 50% 39%), oklch(0.489 0.097 250.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Teeny Bikini color name →
#326395
oklch(0.489 0.097 250.8)
Conversioni di colore
- HEX
- #326395
- RGB
- rgb(50 99 149)
- HSL
- hsl(210 50% 39%)
- HWB
- hwb(210 20% 42%)
- OKLCH
- oklch(0.489 0.097 250.8)
- OKLab
- oklab(0.489 -0.032 -0.091)
- CIE Lab
- lab(40.37 -4.24 -32.92)
- LCH
- lch(40.37 33.19 262.7)
- CMYK
- cmyk(66% 34% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 4672A0
- 5A81AB
- 6E90B5
- 82A0C0
- 96AFCA
- ABBFD5
- BFCFE0
- D4DFEA
- E9EFF5
Ombre
- 2A5581
- 22476D
- 1B3A5A
- 142E48
- 0D2137
- 071626
- 030B16
- 010308
- 000001
Toni
- 3B6693
- 436992
- 4C6C90
- 536F8E
- 5B728C
- 63758A
- 6A7887
- 717B85
- 797D83
Armonie di colore
Complementare +180°
- 326395
Teeny Bikini
- 825514
≈ Caffeinated Cinnamon
Analogo -30° +30°
- 326395
Teeny Bikini
- 006B84
≈ Arabian Nights
- 575996
≈ Persian Plush
Triadico +120° +240°
- 326395
Teeny Bikini
- 8E4753
≈ Dull Magenta
- 4D6B2D
≈ Green Leaf
Complementare divisa +150° +210°
- 326395
Teeny Bikini
- 8E4C33
≈ Gingerbread
- 6D610E
≈ Greenish Brown
Tetradico +90° +180° +270°
- 326395
Teeny Bikini
- 844971
≈ Grape Kiss
- 825514
≈ Caffeinated Cinnamon
- 1E714E
≈ Green Velvet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.26:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.35:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--teeny-bikini: #326395;
--teeny-bikini-rgb: 50 99 149;
--teeny-bikini-oklch: oklch(0.489 0.097 250.8);
}
.element {
color: var(--teeny-bikini);
background-color: hsl(210 50% 39%);
border-color: oklch(0.489 0.097 250.8);
}Tailwind CSS v4
@theme {
--color-teeny-bikini: #326395;
--color-teeny-bikini-50: #e2f8ff;
--color-teeny-bikini-100: #d2ebff;
--color-teeny-bikini-200: #b8d7fd;
--color-teeny-bikini-300: #94bbe8;
--color-teeny-bikini-400: #72a3d6;
--color-teeny-bikini-500: #528ac4;
--color-teeny-bikini-600: #4675a5;
--color-teeny-bikini-700: #385d85;
--color-teeny-bikini-800: #264562;
--color-teeny-bikini-900: #193045;
--color-teeny-bikini-950: #0a1c2d;
}SCSS
$teeny-bikini: #326395;
$teeny-bikini-rgb: 50, 99, 149;
$teeny-bikini-light: mix(#fff, $teeny-bikini, 20%);
$teeny-bikini-dark: mix(#000, $teeny-bikini, 20%);
.element {
color: $teeny-bikini;
box-shadow: 0 0 0 2px rgba($teeny-bikini, 0.35);
}