이름 색상 · #97D5E7
Orleans Tune
Orleans Tune은(는) #97D5E7: rgb(151 213 231), hsl(193 63% 75%), oklch(0.837 0.068 217.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Orleans Tune color name →
#97D5E7
oklch(0.837 0.068 217.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A2D9E9
- ADDEEC
- B7E2EE
- C2E6F1
- CCEAF3
- D6EEF6
- E1F3F8
- EBF7FA
- F5FBFD
셰이드
- 83B9C9
- 6F9EAB
- 5C838F
- 496A73
- 375159
- 263A40
- 172428
- 081013
- 010203
톤
- 95CCDC
- 94C4D2
- 92BBC7
- 8FB2BD
- 8DAAB2
- 8BA1A8
- 88999E
- 869194
- 83888A
색 조화
보색 +180°
- 97D5E7
Orleans Tune
- F2BBAA
≈ Pale Satin Peach
유사색 -30° +30°
- 97D5E7
Orleans Tune
- 96D8D1
≈ Sweet Rhapsody
- A7CEF4
≈ Alphabet Blue
삼각 배색 +120° +240°
- 97D5E7
Orleans Tune
- E8B9D9
≈ Pink Drink
- D5CB98
≈ Tahuna Sands
분열 보색 +150° +210°
- 97D5E7
Orleans Tune
- F2B8C1
≈ Purple Thorn
- E8C29B
≈ Special Peach
사각 배색 +90° +180° +270°
- 97D5E7
Orleans Tune
- D6BEEC
≈ York Plum
- F2BBAA
≈ Pale Satin Peach
- BDD3A3
≈ Cricket Field
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.98:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
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);
}