Nazwany kolor · #97D5E7
Orleans Tune
Orleans Tune to #97D5E7: rgb(151 213 231), hsl(193 63% 75%), oklch(0.837 0.068 217.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Orleans Tune color name →
#97D5E7
oklch(0.837 0.068 217.8)
Konwersje koloru
- HEX
- #97d5e7
- RGB
- rgb(151 213 231)
- HSL
- hsl(193 63% 75%)
- HWB
- hwb(193 59% 9%)
- OKLCH
- oklch(0.837 0.068 217.8)
- OKLab
- oklab(0.837 -0.054 -0.041)
- CIE Lab
- lab(81.53 -17.21 -15.57)
- LCH
- lch(81.53 23.2 222.1)
- CMYK
- cmyk(35% 8% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2D9E9
- ADDEEC
- B7E2EE
- C2E6F1
- CCEAF3
- D6EEF6
- E1F3F8
- EBF7FA
- F5FBFD
Odcienie ciemniejsze
- 83B9C9
- 6F9EAB
- 5C838F
- 496A73
- 375159
- 263A40
- 172428
- 081013
- 010203
Tony
- 95CCDC
- 94C4D2
- 92BBC7
- 8FB2BD
- 8DAAB2
- 8BA1A8
- 88999E
- 869194
- 83888A
Harmonie kolorów
Komplementarna +180°
- 97D5E7
Orleans Tune
- F2BBAA
≈ Pale Satin Peach
Analogowa -30° +30°
- 97D5E7
Orleans Tune
- 96D8D1
≈ Sweet Rhapsody
- A7CEF4
≈ Alphabet Blue
Triada +120° +240°
- 97D5E7
Orleans Tune
- E8B9D9
≈ Pink Drink
- D5CB98
≈ Tahuna Sands
Komplementarna rozszczepiona +150° +210°
- 97D5E7
Orleans Tune
- F2B8C1
≈ Purple Thorn
- E8C29B
≈ Special Peach
Tetrada +90° +180° +270°
- 97D5E7
Orleans Tune
- D6BEEC
≈ York Plum
- F2BBAA
≈ Pale Satin Peach
- BDD3A3
≈ Cricket Field
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.61:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.98:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--orleans-tune: #97d5e7;
--orleans-tune-rgb: 151 213 231;
--orleans-tune-oklch: oklch(0.837 0.068 217.8);
}
.element {
color: var(--orleans-tune);
background-color: hsl(193 63% 75%);
border-color: oklch(0.837 0.068 217.8);
}Tailwind CSS v4
@theme {
--color-orleans-tune: #97d5e7;
--color-orleans-tune-50: #e1faff;
--color-orleans-tune-100: #d0eef8;
--color-orleans-tune-200: #b5dce8;
--color-orleans-tune-300: #91c0cf;
--color-orleans-tune-400: #6fa9b9;
--color-orleans-tune-500: #4d91a4;
--color-orleans-tune-600: #427b8b;
--color-orleans-tune-700: #35626f;
--color-orleans-tune-800: #244851;
--color-orleans-tune-900: #183239;
--color-orleans-tune-950: #091e23;
}SCSS
$orleans-tune: #97d5e7;
$orleans-tune-rgb: 151, 213, 231;
$orleans-tune-light: mix(#fff, $orleans-tune, 20%);
$orleans-tune-dark: mix(#000, $orleans-tune, 20%);
.element {
color: $orleans-tune;
box-shadow: 0 0 0 2px rgba($orleans-tune, 0.35);
}